Badge - "(Default) Inline" placement wraps to new line on mobile Safari

[sarahbrng]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

1. Open the mobile Safari browser on an iPhone.
2. Navigate to the Badge component documentation page on the DB UX Design System (presumably https://sign-system.deutschebahn.com/components/badge or a similar page).
3. Scroll down to the "Placement" section.
4. Observe the first example, labeled "(Default) Inline".

Expected Behaviour

The badge (labeled "Label") should appear on the same line (inline) as its associated text, "(Default) Inline". The text and the badge should form a single, continuous line without a line break.

Screenshots

Browser version

Safari

Add any other context about the problem here.

No response

Which DB business unit do you work for?

DB Systel GmbH (please name your customer below)

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response