From df7b9158b858c33c83fb4485a1a497534bed2d03 Mon Sep 17 00:00:00 2001
From: Parth Shukla <theparthshukla@gmail.com>
Date: Wed, 27 Jul 2022 14:26:20 +0200
Subject: [PATCH] Add wrap-around for tool lists in Home plugin

Signed-off-by: Parth Shukla <theparthshukla@gmail.com>
---
 .changeset/dull-owls-grab.md                            | 5 +++++
 plugins/home/src/homePageComponents/Toolkit/Content.tsx | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/dull-owls-grab.md

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: {