The in my nav extends to the side of the page

I have a nested <ul> within my nav ul. When the <ul> has only one element its padding is fine and the <li> fits nicely. However when I have more than one element in the nested <ul> it extends to the side of the page. I can see nothing to do with padding changes in my :first-child or anything in my css for the nested <ul>.

The nested ul with multiple elements

The nested ul with only one element

Any ideas on how I can keep the width of the <ul> to the max length of one of the items?