From b350e60e82efd330e5896c3a2345c43f6fbdcf1a Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Wed, 28 Dec 2016 19:08:33 -0800
Subject: [PATCH] use align-items on .form-inline to keep items from growing
 too much (#21461)

---
 scss/_forms.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 7b750f030b..7be62bde66 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -298,6 +298,7 @@ select.form-control-lg {
 .form-inline {
   display: flex;
   flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
 
   // Because we use flex, the initial sizing of checkboxes is collapsed and
   // doesn't occupy the full-width (which is what we want for xs grid tier),