Use background-origin: content-box; on <select> elements to make the positioning...

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index 4c438e7dcddfaee6c52140d236bb19c29b902425..ea82c8cdc7752c8f1cee53e51a418b27dafb84b4 100644 (file)
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -37,8 +37,8 @@ $select-radius: $global-radius !default;
   @if $select-triangle-color != transparent {
     @include background-triangle($select-triangle-color);
     background-size: 9px 6px;
-    background-position: $global-right center; // Fallback for Android 4.3-
-    background-position: $global-right ($form-spacing / 2) center;
+    background-position: $global-right center;
+    background-origin: content-box;
     background-repeat: no-repeat;
   }