How to get sub-menu items colors on hover

I want to change the submenu links on hover to a different color. I can change the color just fine, but the problem is that color is not taking up the whole space of the container the menu item sits inside of. Instead, the color is just putting a background behind the text and not the entire rectangle the text or (menu item) is inside of. Problem can be found at https://1800daysdev.flywheelsites.com/ and click on “Example Pages” and hover over the items, you will notice the yellow doesnt take up the whole height and width of the box and it only take up behind the text itself. I want the background hover color to take up the entire area behind the text, not just the area surrounding the text.