Merge pull request #20334 from acierto/fix-warning-panel

Fix for a Warning Panel. For certain error messages the content of it doesn't fit inside the div container.

.changeset/perfect-shrimps-attend.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Fixed overflowing messages in `WarningPanel`.

packages/core-components/src/components/WarningPanel/WarningPanel.tsx

@@ -69,6 +69,9 @@ export type WarningPanelClassKey =
 
 const useStyles = makeStyles<BackstageTheme>(
   theme => ({
+    content: {
+      lineBreak: 'anywhere',
+    },
     panel: {
       backgroundColor: ({ severity }: WarningProps) =>
         getWarningBackgroundColor(
@@ -168,6 +171,7 @@ export function WarningPanel(props: WarningProps) {
     >
       <AccordionSummary
         expandIcon={<ExpandMoreIconStyled severity={severity} />}
+        classes={{ content: classes.content }}
         className={classes.summary}
       >
         <ErrorOutlineStyled severity={severity} />