Allow a <label> for .input-group-addon by zeroing out margin-bottom

When using a <label> as an .input-group-addon, there will be a default margin-bottom of .5rem via Reboot.
This will lead to undesirable whitespace below the label and the <input> will become taller than needed. By removing the margin, it will play nice with <label> elements.

Closes #19012

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index eeca6ee9897e106b57571cbb753155628a6e18dc..f99bc3784a0181ecc30300cf898085c31319e12c 100644 (file)
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -85,6 +85,7 @@
 
 .input-group-addon {
   padding: $input-padding-y $input-padding-x;
+  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
   font-size: $font-size-base;
   font-weight: normal;
   line-height: 1.5;