Fixes #9344

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index e26618a879654e6e8b2e70d1b3dad0d13758bf33..804a27bf2843627ed21857a5c4679acdc493ed0c 100644 (file)
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -22,7 +22,7 @@ $input-prefix-border: 1px solid $medium-gray !default;
 $input-prefix-padding: 1rem !default;
 
 @mixin foundation-form-prepostfix {
-  $height: ($input-font-size + $form-spacing * 1.5);
+  $height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);;
 
   .input-group {
     display: if($global-flexbox, flex, table);
@@ -91,12 +91,8 @@ $input-prefix-padding: 1rem !default;
 
     @if $global-flexbox {
       flex: 1 1 0px; // sass-lint:disable-line zero-unit
-      height: auto;
       min-width: 0;
     }
-    @else {
-      height: $height;
-    }
   }
 
   .input-group-button {
@@ -135,8 +131,8 @@ $input-prefix-padding: 1rem !default;
 
   // Specificity bump needed to prevent override by buttons
   @if not $global-flexbox {
-      .input-group .input-group-button {
-          display: table-cell;
-      }
+    .input-group .input-group-button {
+      display: table-cell;
+    }
   }
 }