fix(tag): set max-length to 100%

swisspost · Aug 12, 2024 · 0ef318d · 0ef318d
1 parent 1d2650e
commit 0ef318d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/some-people-say.md b/.changeset/some-people-say.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Set the `max-width` constraint of the tag component to 100% for improved accessibility. Try to keep tag text as short as possible though.
diff --git a/packages/styles/src/variables/components/_tag.scss b/packages/styles/src/variables/components/_tag.scss
@@ -6,7 +6,7 @@
 $tag-gap: spacing.$size-micro;
 $tag-padding-y: 0;
 $tag-padding-x: spacing.$size-mini;
-$tag-max-width: sizing.px-to-rem(296);
+$tag-max-width: 100%;
 $tag-border-width: spacing.$size-hair;
 $tag-border-radius: spacing.$size-micro;
 $tag-font-size: type.$font-size-16;