fixed the input group radiusissue seen in issue #7448

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index ed2179cfb6ca006f3639fc53a28ea765c0d1ce72..f8971ee2df33069a0f75b0d48e3e4a898d9fefb7 100644 (file)
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -22,10 +22,23 @@ $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);
+
+
   .input-group {
     display: table;
     width: 100%;
     margin-bottom: $form-spacing;
+
+    & > *:first-child {
+      border-radius: $global-radius 0 0 $global-radius;
+    }
+
+    & > *:last-child {
+      & > * {
+        border-radius: 0 $global-radius $global-radius 0;
+      }
+    }
   }
 
   %input-group-child {
@@ -57,6 +70,8 @@ $input-prefix-padding: 1rem !default;
 
   .input-group-field {
     @extend %input-group-child;
+    border-radius: 0;
+    height: $height;
   }
 
   .input-group-button {