fix(tag): ensure tag keeps pill shape with single character (#5053)

carbon-design-system · Jan 23, 2020 · 7246188 · 7246188
1 parent 23a72e6
commit 7246188
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/components/src/components/tag/_tag.scss b/packages/components/src/components/tag/_tag.scss
@@ -21,9 +21,11 @@
 
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     padding: 0 $carbon--spacing-03;
     height: 1.5rem;
     max-width: 100%; // restricts size of contained elements
+    min-width: rem(32px); // ensures tag stays pill shaped;
     margin: $carbon--spacing-02;
     border-radius: rem(15px);