Fix buttons that come after the input (input should be under the button)

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 8afff4c6864cc252c56696aaf687f55589b41ab2..a1d16e3848e7fd773951d9a3f9753179dcb30eb1 100644 (file)
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -171,6 +171,12 @@
       z-index: 2;
       // remove nagative margin ($input-btn-border-width) to solve overlapping issue with button.
       margin-left: 0;
+
+      // When input is first, overlap the right side of it with the button(-group)
+      &:first-child {
+        margin-left: (-$input-btn-border-width);
+      }
+
       // Because specificity
       @include hover-focus-active {
         z-index: 3;