diff --git a/.changeset/dull-owls-grab.md b/.changeset/dull-owls-grab.md new file mode 100644 index 0000000000..e71db46827 --- /dev/null +++ b/.changeset/dull-owls-grab.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-home': patch +--- + +Add wrap-around for the listing of tools to prevent increasing width with name length. diff --git a/plugins/home/src/homePageComponents/Toolkit/Content.tsx b/plugins/home/src/homePageComponents/Toolkit/Content.tsx index 21affc57f1..e73a834a7e 100644 --- a/plugins/home/src/homePageComponents/Toolkit/Content.tsx +++ b/plugins/home/src/homePageComponents/Toolkit/Content.tsx @@ -35,8 +35,10 @@ const useStyles = makeStyles(theme => ({ }, label: { marginTop: theme.spacing(1), + width: '72px', fontSize: '0.9em', lineHeight: '1.25', + overflowWrap: 'break-word', color: theme.palette.text.secondary, }, icon: {