fix(styles): stepper step display to break words when too long (#4055)

swisspost · Dec 19, 2024 · 72a4677 · 72a4677
1 parent 85297d3
commit 72a4677
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/rude-needles-matter.md b/.changeset/rude-needles-matter.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed display of stepper to break words when text is too long to fit in one line.
diff --git a/packages/styles/src/components/stepper.scss b/packages/styles/src/components/stepper.scss
@@ -96,6 +96,7 @@
   color: stepper.$stepper-link-color;
   width: fit-content;
   line-height: stepper.$stepper-link-line-height;
+  word-break: break-word;
 
   // not adding ellipsis if the like doesn't have a title for accessibility reasons
   &:not([title]) {