From a1f1d3114aa329dc95ae20e0d514ea4a5338d75b Mon Sep 17 00:00:00 2001
From: Jasper Boeijenga <jboeijenga@gmail.com>
Date: Thu, 28 Sep 2023 17:11:00 +0200
Subject: [PATCH] Added class to support textwrap in menuitems in the
 SupportButton component

Signed-off-by: Jasper Boeijenga <jboeijenga@gmail.com>
---
 .../src/components/SupportButton/SupportButton.tsx    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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>
           ))}