diff --git a/src/mantine-core/src/Modal/Modal.tsx b/src/mantine-core/src/Modal/Modal.tsx
index c620b332779..5b589d5a4f6 100644
--- a/src/mantine-core/src/Modal/Modal.tsx
+++ b/src/mantine-core/src/Modal/Modal.tsx
@@ -262,7 +262,7 @@ export function Modal(props: ModalProps) {
                 <Overlay
                   className={classes.overlay}
                   sx={{ position: 'fixed' }}
-                  zIndex={0}
+                  zIndex={-1}
                   onMouseDown={() => closeOnClickOutside && onClose()}
                   blur={overlayBlur}
                   color={