fixes input group btn height (#23810)

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index b8e2bbe194531375dd7d4ba677fc8dfaccad32ae..48229e4e8eec19e2736d7b932fb4cb412ef58be2 100644 (file)
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -5,7 +5,7 @@
 .input-group {
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: stretch;
   width: 100%;
 
   .form-control {
@@ -29,6 +29,8 @@
 .input-group-addon,
 .input-group-btn,
 .input-group .form-control {
+  display: flex;
+  align-items: center;
   &:not(:first-child):not(:last-child) {
     @include border-radius(0);
   }
@@ -132,6 +134,7 @@
 
 .input-group-btn {
   position: relative;
+  align-items: stretch;
   // Jankily prevent input button groups from wrapping with `white-space` and
   // `font-size` in combination with `inline-block` on buttons.
   font-size: 0;