diff --git a/.changeset/grumpy-rules-fetch.md b/.changeset/grumpy-rules-fetch.md new file mode 100644 index 0000000000..c864e46e3b --- /dev/null +++ b/.changeset/grumpy-rules-fetch.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Change header style `word-wrap` from `break-all` to `break-word` diff --git a/packages/core-components/src/layout/Header/Header.tsx b/packages/core-components/src/layout/Header/Header.tsx index 1ed1f81950..bb4d19b949 100644 --- a/packages/core-components/src/layout/Header/Header.tsx +++ b/packages/core-components/src/layout/Header/Header.tsx @@ -66,7 +66,7 @@ const useStyles = makeStyles( }, title: { color: theme.palette.bursts.fontColor, - wordBreak: 'break-all', + wordBreak: 'break-word', fontSize: theme.typography.h3.fontSize, marginBottom: 0, },