Adding icon to menu item causes menu label to be uppercase

Hi there,

I’m trying to add font awesome icons to my menus, but doing so forces the menu title to be completely in uppercase, and I can’t work out how to stop the behaviour, or override it.

I’m adding the icons by placing the icon name as the menu css class, for example:

Navigation Label : Menu
CSS Classes: fa fa-bars

This works fine, except ‘the ‘Navigation Label : Menu’ is dsplayed as ‘MENU’.
I’ve tried using ‘text-transform: capitalize;’ but it doesn’t work.

Any idea what I might be doing wrong?

Thank you for your help!