Dialog - word break in title

[gusch]

Description

When the title of a dialog is one very long word or contains a very long word, it overflows the dialog.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-rmrjdqhs?file=src%2FApp.tsx

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

Add a word-break: break-word; on the generated h1 seems to do the trick.

Carbon version

158.13.2

React version

v18

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

MacOS

Assistive technologies

No response

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.