Down-arrow on top menu behind text

On my main menu module, the top menu, has the "down arrow" behind the text for that menu item. All of the other menu items correctly have the down-arrow to the right of the menu item.

I've checked the menu item name/settings and can't find any reason why it is that way. I've changed it to another word and it moves, but still behind the text.

Originally, the down-arrow was behind the "a" in "Read." After changing it to "Read Articles" the down arrow moved to between/behind the "r-t" letter.

Home page on website is: www.MHLAS.com/naj3

Please help.

Thank you.

Hi Jneale,
Thanks for contacting us and choosing our product!
Regarding your problem. please go back-end.
Custom CSS tab advanced config
Add css
#jux_megamenucss3 .megamenu.horizontal span.menu-title ul.level0 a.haschild.megacss3 li, li #jux_megamenucss3 .megamenu.horizontal ul.level0 a.haschild-over.megacss3 span.menu-title {
width: 100%;
}
Hope this help!