From 84409ab58349afb0e4963ae45ec29f270fb88d2e Mon Sep 17 00:00:00 2001
From: Jan Potoms <2109932+Janpot@users.noreply.github.com>
Date: Thu, 12 May 2022 10:37:17 +0200
Subject: [PATCH 1/2] Add overflow behavior for Alert message

---
 packages/mui-material/src/Alert/Alert.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/mui-material/src/Alert/Alert.js b/packages/mui-material/src/Alert/Alert.js
index a68ee6e9f2abde..5dc144fbb25143 100644
--- a/packages/mui-material/src/Alert/Alert.js
+++ b/packages/mui-material/src/Alert/Alert.js
@@ -96,6 +96,8 @@ const AlertMessage = styled('div', {
   overridesResolver: (props, styles) => styles.message,
 })({
   padding: '8px 0',
+  minWidth: 0,
+  overflow: 'auto',
 });
 
 const AlertAction = styled('div', {

From 6867a57069576e39324cb35c76de4b7e75b7b801 Mon Sep 17 00:00:00 2001
From: Jan Potoms <2109932+Janpot@users.noreply.github.com>
Date: Wed, 18 May 2022 22:05:52 +0200
Subject: [PATCH 2/2] Add regression test

---
 .../fixtures/Alert/HorizontalOverflow.js      | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 test/regressions/fixtures/Alert/HorizontalOverflow.js

diff --git a/test/regressions/fixtures/Alert/HorizontalOverflow.js b/test/regressions/fixtures/Alert/HorizontalOverflow.js
new file mode 100644
index 00000000000000..d10a62ce055287
--- /dev/null
+++ b/test/regressions/fixtures/Alert/HorizontalOverflow.js
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import Alert from '@mui/material/Alert';
+import { Box } from '@mui/material';
+
+export default function MultilineAlertWithAction() {
+  return (
+    <Box sx={{ width: 500 }}>
+      <Alert
+        action={
+          <Button color="inherit" size="small">
+            UNDO
+          </Button>
+        }
+      >
+        <Typography as="div">{'a'.repeat(500)}</Typography>
+      </Alert>
+    </Box>
+  );
+}