Fix specificity issue that prevented input group buttons from displaying properly

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index 8d825aa1ede5c7a74d945d2a955c7d38aeb06ca6..da61d64052d2f599bde4eae34c80fb2d7ff03688 100644 (file)
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -46,7 +46,7 @@ $input-prefix-padding: 1rem !default;
 
   %input-group-child {
     margin: 0;
-    
+
     @if not $global-flexbox {
       display: table-cell;
       vertical-align: middle;
@@ -86,7 +86,7 @@ $input-prefix-padding: 1rem !default;
   .input-group-field {
     @extend %input-group-child;
     border-radius: 0;
-    
+
     @if $global-flexbox {
       flex: 1 1 0px;
       width: auto;
@@ -117,4 +117,10 @@ $input-prefix-padding: 1rem !default;
       margin: 0;
     }
   }
+
+  // Specificity bump needed to prevent override by buttons
+  // scss-lint:disable QualifyingSelector
+  .input-group .input-group-button {
+    display: table-cell;
+  }
 }