diff --git a/.changeset/rude-needles-matter.md b/.changeset/rude-needles-matter.md new file mode 100644 index 0000000000..3a89619dff --- /dev/null +++ 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 index 5fc124925e..d807578ce7 100644 --- 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]) {