fix: only remove top and bottom padding on single select elements

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index c292178fc5283d9f16a0c8466a7a29e2889c7411..3cda925f9536b2a9af93b6dcb4c967a9a9077cc4 100644 (file)
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -23,7 +23,7 @@ $select-radius: $global-radius !default;
 
   height: $height;
   margin: 0 0 $form-spacing;
-  padding: 0 $input-padding;
+  padding: $input-padding;
 
   appearance: none;
   border: $input-border;
@@ -77,6 +77,10 @@ $select-radius: $global-radius !default;
     height: auto;
     background-image: none;
   }
+  &:not([multiple]) {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 }
 
 @mixin foundation-form-select {