diff --git a/.changeset/hungry-berries-burn.md b/.changeset/hungry-berries-burn.md
new file mode 100644
index 00000000..6e0c9ec4
--- /dev/null
+++ b/.changeset/hungry-berries-burn.md
@@ -0,0 +1,5 @@
+---
+'@saas-ui/react': patch
+---
+
+Decreased default overlay translucency
diff --git a/.changeset/polite-rings-retire.md b/.changeset/polite-rings-retire.md
new file mode 100644
index 00000000..0025d95a
--- /dev/null
+++ b/.changeset/polite-rings-retire.md
@@ -0,0 +1,5 @@
+---
+'@saas-ui/react': patch
+---
+
+Fix dialog backdrop z-index
diff --git a/packages/saas-ui-react/src/components/dialog/dialog.recipe.ts b/packages/saas-ui-react/src/components/dialog/dialog.recipe.ts
index 24ad6890..9e5d12a9 100644
--- a/packages/saas-ui-react/src/components/dialog/dialog.recipe.ts
+++ b/packages/saas-ui-react/src/components/dialog/dialog.recipe.ts
@@ -12,7 +12,7 @@ export const dialogSlotRecipe = defineSlotRecipe({
       top: 0,
       w: '100vw',
       h: '100dvh',
-      zIndex: 'calc(var(--dialog-z-index) + var(--layer-index, 0) - 1)',
+      zIndex: 'calc(var(--z-index) - 1)',
       _open: {
         animationName: 'fade-in',
         animationDuration: 'slow',
diff --git a/packages/saas-ui-react/src/components/drawer/drawer.recipe.ts b/packages/saas-ui-react/src/components/drawer/drawer.recipe.ts
index 6799773b..80e76922 100644
--- a/packages/saas-ui-react/src/components/drawer/drawer.recipe.ts
+++ b/packages/saas-ui-react/src/components/drawer/drawer.recipe.ts
@@ -12,7 +12,7 @@ export const drawerSlotRecipe = defineSlotRecipe({
       top: 0,
       w: '100vw',
       h: '100dvh',
-      zIndex: 'calc(var(--drawer-z-index) + var(--layer-index, 0) - 1)',
+      zIndex: 'calc(var(--z-index) - 1)',
       _open: {
         animationName: 'fade-in',
         animationDuration: 'slow',
diff --git a/packages/saas-ui-react/src/theme/global-css.ts b/packages/saas-ui-react/src/theme/global-css.ts
index 6d0a0417..3290a3c1 100644
--- a/packages/saas-ui-react/src/theme/global-css.ts
+++ b/packages/saas-ui-react/src/theme/global-css.ts
@@ -45,7 +45,7 @@ export const globalCss = defineGlobalStyles({
     // '--radius-indicator': '1',
     '--radius-full': '9999px',
     '--scale-factor': '1',
-    '--overlay-translucency': '90%',
+    '--overlay-translucency': '95%',
     '--overlay-effect': 'blur({blurs.lg})',
     '--backdrop-effect': 'none',
   },