Description

Current language (besides en-US, ar, and a few more) mostly doesn't fit inside the locale selector in [m24] footer.

Steps to reproduce

(M24:) Change language from English to anything else, i.e. "English (Canadian)" or almost any other locale, and observe the component now.

Expected result

The chosen locale should fit within the selector.

Actual result

Locale is cropped (WebKit):

Or in case of Gecko the ellipsis eats up even more space (Aurora):

Originally posted by @stephaniehobson in #15620 (comment):

Most languages should display without being cut off.

Possible solutions:

• make it expand to match the width of the selected language
• make it the same width as our current language selector