Question about Styling menu

I am using 7.1 and I adjusted the dropdown spacing to accommodate a longer test. I want to increase the padding on the background to match the text. I figured the custom css would be padding-right, but I guess not. 🙂

Currently the code I am using for the dropdown menu is :

/* Change dropdown menu background */
.header-nav-folder-content {
   background: #d22730 !important;
}

.header-nav-folder-item {
    width: auto !important;
    white-space: nowrap;
}

Ah, got it. I added 

.header-nav-folder-content {
   background: #d22730 !important;
   width: auto !important;
}

That did the trick.

Now, oddly, the text on my main menu dropdown is adjusting on some pages, not on others. I'd like the text to extend universally (see above photo) regardless of the page I select.