diff --git a/.changeset/popular-dots-design.md b/.changeset/popular-dots-design.md
new file mode 100644
index 0000000000..c333ce0105
--- /dev/null
+++ b/.changeset/popular-dots-design.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Changed SupportButton menuitems to support text wrap
diff --git a/packages/core-components/src/components/SupportButton/SupportButton.tsx b/packages/core-components/src/components/SupportButton/SupportButton.tsx
index dcd4ead321..a07c03b7d2 100644
--- a/packages/core-components/src/components/SupportButton/SupportButton.tsx
+++ b/packages/core-components/src/components/SupportButton/SupportButton.tsx
@@ -46,6 +46,9 @@ const useStyles = makeStyles(
       minWidth: 260,
       maxWidth: 400,
     },
+    menuItem: {
+      whiteSpace: 'normal',
+    },
   },
   { name: 'BackstageSupportButton' },
 );
@@ -145,12 +148,16 @@ export function SupportButton(props: SupportButtonProps) {
           autoFocusItem={Boolean(anchorEl)}
         >
           {title && (
-            <MenuItem alignItems="flex-start">
+            <MenuItem alignItems="flex-start" className={classes.menuItem}>
               <Typography variant="subtitle1">{title}</Typography>
             </MenuItem>
           )}
           {React.Children.map(children, (child, i) => (
-            <MenuItem alignItems="flex-start" key={`child-${i}`}>
+            <MenuItem
+              alignItems="flex-start"
+              key={`child-${i}`}
+              className={classes.menuItem}
+            >
               {child}
             </MenuItem>
           ))}