Menus entries are stuck to the arrow indicating a sub-menu

There is a space set between the end of the <li> and the arrow but not between the end of the menu label and the arrow.

Expected result :

• The text is always detached from the arrow when a sub-menu is displayed
• Currently all arrows of the submenus are aligned on the longest label. This needs to stay the same.