Fixes for firefox on Windows

src/components/language-selector/language-selector.css

@@ -7,7 +7,7 @@
 
 /* Position the language select over the language icon, and make it transparent */
 .language-select {
-    position: relative;
+    position: absolute;
     width: 3rem;
     height: 3rem;
     opacity: 0;
@@ -17,11 +17,15 @@
 }
 
 [dir="ltr"] .language-select {
-    right: 40px;
+    right: 0;
 }
 
 [dir="rtl"] .language-select {
-    left: 40px;
+    left: 0;
+}
+
+.language-select option {
+    opacity: 1;
 }
 
 .language-select:focus {

src/components/menu-bar/menu-bar.css

@@ -49,7 +49,7 @@
 }
 
 .language-caret {
-    vertical-align: text-top;
+    margin-bottom: .625rem;
 }
 
 .language-menu {

src/components/menu-bar/menu-bar.jsx

@@ -167,9 +167,7 @@ class MenuBar extends React.Component {
                         <div
                             className={classNames(styles.menuBarItem, styles.hoverable, styles.languageMenu)}
                         >
-                            <div
-                                aria-label={this.props.intl.formatMessage(ariaMessages.language)}
-                            >
+                            <div>
                                 <img
                                     className={styles.languageIcon}
                                     src={languageIcon}
@@ -179,7 +177,7 @@ class MenuBar extends React.Component {
                                     src={dropdownCaret}
                                 />
                             </div>
-                            <LanguageSelector />
+                            <LanguageSelector aria-label={this.props.intl.formatMessage(ariaMessages.language)} />
                         </div>
                         <div
                             className={classNames(styles.menuBarItem, styles.hoverable, {