From 710493bd2c54d9cf54770d3c4b48d1a9b90e1e7c Mon Sep 17 00:00:00 2001
From: Ali <ali@email.com>
Date: Thu, 28 Sep 2023 12:01:19 -0400
Subject: [PATCH] replace z-index with position relative

---
 .../material/components/drawers/PersistentDrawerRight.js  | 8 ++++++--
 .../material/components/drawers/PersistentDrawerRight.tsx | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/data/material/components/drawers/PersistentDrawerRight.js b/docs/data/material/components/drawers/PersistentDrawerRight.js
index fd1c285f72bcfd..9272d529aabf2f 100644
--- a/docs/data/material/components/drawers/PersistentDrawerRight.js
+++ b/docs/data/material/components/drawers/PersistentDrawerRight.js
@@ -97,7 +97,12 @@ export default function PersistentDrawerRight() {
           </IconButton>
         </Toolbar>
       </AppBar>
-      <Main open={open}>
+      <Main
+        open={open}
+        sx={{
+          position: 'relative',
+        }}
+      >
         <DrawerHeader />
         <Typography paragraph>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
@@ -131,7 +136,6 @@ export default function PersistentDrawerRight() {
         sx={{
           width: drawerWidth,
           flexShrink: 0,
-          zIndex: !open ? -10 : null,
           '& .MuiDrawer-paper': {
             width: drawerWidth,
           },
diff --git a/docs/data/material/components/drawers/PersistentDrawerRight.tsx b/docs/data/material/components/drawers/PersistentDrawerRight.tsx
index 3f6dcf8212dd42..7a46f4f67667e1 100644
--- a/docs/data/material/components/drawers/PersistentDrawerRight.tsx
+++ b/docs/data/material/components/drawers/PersistentDrawerRight.tsx
@@ -101,7 +101,12 @@ export default function PersistentDrawerRight() {
           </IconButton>
         </Toolbar>
       </AppBar>
-      <Main open={open}>
+      <Main
+        open={open}
+        sx={{
+          position: 'relative',
+        }}
+      >
         <DrawerHeader />
         <Typography paragraph>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
@@ -135,7 +140,6 @@ export default function PersistentDrawerRight() {
         sx={{
           width: drawerWidth,
           flexShrink: 0,
-          zIndex: !open ? -10 : null,
           '& .MuiDrawer-paper': {
             width: drawerWidth,
           },