Fixed select element appearance in firefox

css/style.css

@@ -1538,7 +1538,8 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
     background: #fff;
     transition: background-color 100ms linear;
 }
-.login .module select, .optionsPage select{
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+    .login .module select, .optionsPage select{
         height: 30px;
         font: 13px/24px "Open sans";
         text-align: center;
@@ -1550,15 +1551,15 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
         -moz-border-radius: 4px;
         border-radius: 4px;
 
-/* hide default apperance select element and arrow in firefox */
+    /* hide default apperance select element and arrow in firefox */
         -webkit-appearance:none;
         -moz-appearance:none;
         appearance:none;
         text-indent: 0.01px;
         text-overflow: '';
-/* end */
+    /* end */
+    }
 }
-
 .login .module span.availability {
     margin-left: 10px;
     font: italic 16px "Open sans";