From 1733209b0dadec35290a835682e21b0b20c26623 Mon Sep 17 00:00:00 2001 From: meganide Date: Wed, 26 Nov 2025 14:26:31 +0100 Subject: [PATCH 1/2] fix: add word break style to markdown content to prevent overflow Signed-off-by: meganide --- .../core-components/src/components/WarningPanel/WarningPanel.tsx | 1 + 1 file changed, 1 insertion(+) 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', }, From 207c3c88b098a8953e2d21e168e4cf56875e01d7 Mon Sep 17 00:00:00 2001 From: meganide Date: Wed, 26 Nov 2025 14:42:15 +0100 Subject: [PATCH 2/2] chore: add changeset Signed-off-by: meganide --- .changeset/fuzzy-trees-live.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/fuzzy-trees-live.md 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