Skip to content

Commit 7246188

Browse files
tw15eganjoshblack
authored andcommitted
fix(tag): ensure tag keeps pill shape with single character (#5053)
1 parent 23a72e6 commit 7246188

File tree

1 file changed

+2
-0
lines changed
  • packages/components/src/components/tag

1 file changed

+2
-0
lines changed

packages/components/src/components/tag/_tag.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,11 @@
2121

2222
display: inline-flex;
2323
align-items: center;
24+
justify-content: center;
2425
padding: 0 $carbon--spacing-03;
2526
height: 1.5rem;
2627
max-width: 100%; // restricts size of contained elements
28+
min-width: rem(32px); // ensures tag stays pill shaped;
2729
margin: $carbon--spacing-02;
2830
border-radius: rem(15px);
2931

0 commit comments

Comments
 (0)