How to set equal padding for each list item in this bootstrap 4 navbar and to make the lower bar to occupy equal width on hover?

Question

I want to have a box like structure around each navigation list item on hover occupying full height of the nav bar. How can I set equal padding for each list item of navigation bar except that button? Also I want to make the lower orange color bar to occupy full widht of list item of navbar having equal padding ?
https://code.sololearn.com/WS6EN8kit2qi/?ref=app

Answer 1

set padding and margin of division element having class 'dropdown-menu' to 0, this will work for dropdown and also for nav list.

Answer 2

use pr pl