From 02ae73fc0fc21049ea4199dfda18c87c9b709e52 Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Mon, 1 May 2017 17:59:21 -0700
Subject: [PATCH] Apply `align-items: center;` to `.input-group` instead of
 input group sub components, causes `.input-group .form-control` and
 `.input-group-addon` to be large when next to a tall element

---
 scss/_input-group.scss | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 4d3fec656d..40bc50a537 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -5,6 +5,7 @@
 .input-group {
   position: relative;
   display: flex;
+  align-items: center;
   width: 100%;
 
   .form-control {
@@ -28,10 +29,6 @@
 .input-group-addon,
 .input-group-btn,
 .input-group .form-control {
-  // Vertically centers the content of the addons within the input group
-  display: flex;
-  align-items: center;
-
   &:not(:first-child):not(:last-child) {
     @include border-radius(0);
   }