diff --git a/src/admin/components/modals/LeaveWithoutSaving/index.scss b/src/admin/components/modals/LeaveWithoutSaving/index.scss
index 7b57353f0a..3720614d5e 100644
--- a/src/admin/components/modals/LeaveWithoutSaving/index.scss
+++ b/src/admin/components/modals/LeaveWithoutSaving/index.scss
@@ -3,7 +3,7 @@
 .leave-without-saving {
   @include blur-bg;
   position: fixed;
-  z-index: var(--z-modal);
+  z-index: calc(var(--z-modal) + 1);
   top: 0;
   right: 0;
   bottom: 0;
@@ -17,4 +17,4 @@
   .btn {
     margin-right: $baseline;
   }
-}
+}
\ No newline at end of file
diff --git a/src/admin/index.tsx b/src/admin/index.tsx
index cb39841554..a8fee8c904 100644
--- a/src/admin/index.tsx
+++ b/src/admin/index.tsx
@@ -34,7 +34,7 @@ const Index = () => (
           <Router>
             <ModalProvider
               classPrefix="payload"
-              zIndex={50}
+              zIndex="var(--z-modal)"
               transTime={0}
             >
               <AuthProvider>