diff --git a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
index 49625a0ec8..344ba94f4d 100644
--- a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
+++ b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
@@ -624,7 +624,9 @@ export class DarkModeTheme implements ColorModeTheme {
   private get shadowElevation1() {
     const color = this.seedColor.clone();
 
-    color.oklch.l = 0.2;
+    color.oklch.l = 0.1;
+
+    color.alpha = 0.5;
 
     return color;
   }
@@ -632,7 +634,9 @@ export class DarkModeTheme implements ColorModeTheme {
   private get shadowElevation2() {
     const color = this.shadowElevation1.clone();
 
-    color.oklch.l -= 0.05;
+    color.oklch.l += 0.05;
+
+    color.alpha = 0.45;
 
     return color;
   }
@@ -640,7 +644,9 @@ export class DarkModeTheme implements ColorModeTheme {
   private get shadowElevation3() {
     const color = this.shadowElevation2.clone();
 
-    color.oklch.l -= 0.05;
+    color.oklch.l += 0.05;
+
+    color.alpha = 0.4;
 
     return color;
   }
diff --git a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
index f54391fe17..9c005f468a 100644
--- a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
+++ b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
@@ -664,6 +664,8 @@ export class LightModeTheme implements ColorModeTheme {
 
     color.oklch.l = 0.2;
 
+    color.alpha = 0.35;
+
     return color;
   }
 
@@ -672,6 +674,8 @@ export class LightModeTheme implements ColorModeTheme {
 
     color.oklch.l += 0.05;
 
+    color.alpha = 0.3;
+
     return color;
   }
 
@@ -680,6 +684,8 @@ export class LightModeTheme implements ColorModeTheme {
 
     color.oklch.l += 0.05;
 
+    color.alpha = 0.25;
+
     return color;
   }
 
diff --git a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
index 5d7ad426f8..5615fde876 100644
--- a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
+++ b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
@@ -57,7 +57,7 @@
     "1": "0px"
   },
   "boxShadow": {
-    "1": "0 4px 6px 0 var(--color-shadow-elevation-1)",
+    "1": "0 4px 8px 0 var(--color-shadow-elevation-1)",
     "2": "0 2px 4px 0 var(--color-shadow-elevation-2)",
     "3": "0 1px 2px 0 var(--color-shadow-elevation-3)"
   },