Update Bootstrap Pill consistency
Pills in multiple select component and table filter
are set to both have a line-height of 1.5
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I90685534e995211d7bdf5feb16698957a29ccc91
diff --git a/src/assets/styles/vendor-overrides/bootstrap/_badge.scss b/src/assets/styles/vendor-overrides/bootstrap/_badge.scss
index 68e7482..7acd73a 100644
--- a/src/assets/styles/vendor-overrides/bootstrap/_badge.scss
+++ b/src/assets/styles/vendor-overrides/bootstrap/_badge.scss
@@ -1,10 +1,12 @@
.badge-pill {
// Need to explicitly set border-radius
// for pill variant because global $enable-rounded
- // Boostrap setting removes rounded pill style
+ // Bootstrap setting removes rounded pill style
border-radius: 10rem;
fill: currentColor;
font-weight: 400;
+ line-height: 1.5;
+ display: inline-flex;
.close {
font-size: 1em;
margin-left: $spacer/2;