diff --git a/.changeset/fuzzy-trees-live.md b/.changeset/fuzzy-trees-live.md new file mode 100644 index 0000000000..84cec56fab --- /dev/null +++ b/.changeset/fuzzy-trees-live.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +long words like urls now breaks to new line on warning panels instead of overflowing the container diff --git a/packages/core-components/src/components/WarningPanel/WarningPanel.tsx b/packages/core-components/src/components/WarningPanel/WarningPanel.tsx index 7d9c4d472d..2e05784fd6 100644 --- a/packages/core-components/src/components/WarningPanel/WarningPanel.tsx +++ b/packages/core-components/src/components/WarningPanel/WarningPanel.tsx @@ -96,6 +96,7 @@ const useStyles = makeStyles( fontWeight: theme.typography.fontWeightBold, }, markdownContent: { + wordBreak: 'break-word', '& p': { display: 'inline', },