diff --git a/.storybook/storybook.css b/.storybook/storybook.css
index 038bee2445..a9d35510e0 100644
--- a/.storybook/storybook.css
+++ b/.storybook/storybook.css
@@ -51,7 +51,3 @@
 .docs-story div[scale="1"] {
     transform: none !important;
 }
-
-.stacks-on-stacks {
-    z-index: 100;
-}
diff --git a/.storybook/theme.css b/.storybook/theme.css
index d3e3ab47cd..36e4eb449e 100644
--- a/.storybook/theme.css
+++ b/.storybook/theme.css
@@ -32,6 +32,13 @@ manually copy them here.
     --theme-color-ui-accent-text: var(--theme-color-ui-accent-bg);
     --theme-color-switch-bg: var(--theme-color-ui-accent-bg);
 
+    --z-index-below: -1;
+    --z-index-above: 1;
+    --z-index-portal: 2;
+    --z-index-draggable: 3;
+    --z-index-modal: 4;
+    --z-index-max: 5;
+
     &.dark {
         --theme-color-body-bg: oklch(0.21 0.006 285.885);
         --theme-color-body-border: oklch(0.141 0.005 285.823);
diff --git a/resources/js/stories/docs/Modal.mdx b/resources/js/stories/docs/Modal.mdx
index 0c99901383..04dc554938 100644
--- a/resources/js/stories/docs/Modal.mdx
+++ b/resources/js/stories/docs/Modal.mdx
@@ -6,9 +6,6 @@ import * as ModalStories from '../Modal.stories';
 # Modal
 Display content in a layer above the main page. Ideal for confirmations, alerts, and forms.
 
-Docs coming soon.
-
-{/* Todo
 <Canvas of={ModalStories._DocsIntro} sourceState={'shown'} />
 
 ## Title
@@ -29,4 +26,3 @@ You can use a custom footer by using the `#footer` slot.
 
 ## Arguments
 <ArgTypes of={ModalStories} />
-*/}