diff --git a/packages/web-shell/client/components/dialogs/DialogShell.module.css b/packages/web-shell/client/components/dialogs/DialogShell.module.css
index a322c6d75b..f2e7c2e3da 100644
--- a/packages/web-shell/client/components/dialogs/DialogShell.module.css
+++ b/packages/web-shell/client/components/dialogs/DialogShell.module.css
@@ -47,7 +47,7 @@
 .backdrop {
   position: fixed;
   inset: 0;
-  z-index: 1000;
+  z-index: var(--web-shell-dialog-backdrop-z-index, 1000);
   display: flex;
   align-items: center;
   justify-content: center;