Support custom-select sizing in input-group (#27677)

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 7e756fa0169ade1945d78f5cbc346421b0e5767d..c591954451a94b5740f141c0901516359dd6bd75 100644 (file)
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -128,6 +128,7 @@
 // manipulation.
 
 .input-group-lg > .form-control,
+.input-group-lg > .custom-select,
 .input-group-lg > .input-group-prepend > .input-group-text,
 .input-group-lg > .input-group-append > .input-group-text,
 .input-group-lg > .input-group-prepend > .btn,
@@ -140,6 +141,7 @@
 }
 
 .input-group-sm > .form-control,
+.input-group-sm > .custom-select,
 .input-group-sm > .input-group-prepend > .input-group-text,
 .input-group-sm > .input-group-append > .input-group-text,
 .input-group-sm > .input-group-prepend > .btn,
@@ -151,6 +153,11 @@
   @include border-radius($input-border-radius-sm);
 }
 
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: ($custom-select-padding-x + $custom-select-indicator-padding);
+}
+
 
 // Prepend and append rounded corners
 //