From 0c51224f5b3967523bc58dc4eb04a7f16ca46117 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 25 Nov 2024 18:15:51 +0100
Subject: [PATCH] [docs][dialog] Fix padding in SimpleDialog demo (#44467)

---
 docs/data/material/components/dialogs/SimpleDialogDemo.js  | 4 ++--
 docs/data/material/components/dialogs/SimpleDialogDemo.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/data/material/components/dialogs/SimpleDialogDemo.js b/docs/data/material/components/dialogs/SimpleDialogDemo.js
index 3406e1a0bf0de9..02dc908677fc0e 100644
--- a/docs/data/material/components/dialogs/SimpleDialogDemo.js
+++ b/docs/data/material/components/dialogs/SimpleDialogDemo.js
@@ -32,7 +32,7 @@ function SimpleDialog(props) {
       <DialogTitle>Set backup account</DialogTitle>
       <List sx={{ pt: 0 }}>
         {emails.map((email) => (
-          <ListItem disableGutters key={email}>
+          <ListItem disablePadding key={email}>
             <ListItemButton onClick={() => handleListItemClick(email)}>
               <ListItemAvatar>
                 <Avatar sx={{ bgcolor: blue[100], color: blue[600] }}>
@@ -43,7 +43,7 @@ function SimpleDialog(props) {
             </ListItemButton>
           </ListItem>
         ))}
-        <ListItem disableGutters>
+        <ListItem disablePadding>
           <ListItemButton
             autoFocus
             onClick={() => handleListItemClick('addAccount')}
diff --git a/docs/data/material/components/dialogs/SimpleDialogDemo.tsx b/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
index 848f5662a1160e..4b94ae17292240 100644
--- a/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
+++ b/docs/data/material/components/dialogs/SimpleDialogDemo.tsx
@@ -37,7 +37,7 @@ function SimpleDialog(props: SimpleDialogProps) {
       <DialogTitle>Set backup account</DialogTitle>
       <List sx={{ pt: 0 }}>
         {emails.map((email) => (
-          <ListItem disableGutters key={email}>
+          <ListItem disablePadding key={email}>
             <ListItemButton onClick={() => handleListItemClick(email)}>
               <ListItemAvatar>
                 <Avatar sx={{ bgcolor: blue[100], color: blue[600] }}>
@@ -48,7 +48,7 @@ function SimpleDialog(props: SimpleDialogProps) {
             </ListItemButton>
           </ListItem>
         ))}
-        <ListItem disableGutters>
+        <ListItem disablePadding>
           <ListItemButton
             autoFocus
             onClick={() => handleListItemClick('addAccount')}