Fix Input group border issue #260

2 files changed, 10 insertions, 5 deletions

diff --git a/src/chips.less b/src/chips.less
index b9ebde5..394ccee 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -2,7 +2,7 @@
 .chip {
   align-items: center;
   background: @bg-color-dark;
-  border-radius: @border-radius;
+  border-radius: 5rem;
   color: @gray-color-dark;
   display: inline-flex;
   height: @unit-7;
diff --git a/src/forms.less b/src/forms.less
index 0a839ec..7ed91e6 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -81,7 +81,7 @@ legend {
 
   // Input types
   &[type="file"] {
-    padding: .125rem;
+    height: auto;
   }
 }
 
@@ -359,9 +359,14 @@ legend {
       padding: @control-padding-v-lg @control-padding-h;
     }
   }
-  .input-group-addon,
+
+  .form-input,
+  .form-select {
+    flex: 1 1 auto;
+  }
+
   .input-group-btn {
-    flex: 1 0 auto;
+    z-index: @zindex-0;
   }
 
   .form-input,
@@ -382,7 +387,7 @@ legend {
       margin-left: -@border-width;
     }
     &:focus {
-      z-index: @zindex-0;
+      z-index: @zindex-0 + 1;
     }
   }