diff --git a/src/styles/custom-properties/shadows.scss b/src/styles/custom-properties/shadows.scss
index bbeb34fa7..23c965a45 100644
--- a/src/styles/custom-properties/shadows.scss
+++ b/src/styles/custom-properties/shadows.scss
@@ -10,13 +10,13 @@
 
   &.dark {
     // Even darker shadows for dark mode
-    --shadow-xs: 0 1px 3px hsla(var(--grey-100-hsl),.12),
-                 0 1px 2px hsla(var(--grey-100-hsl), .24);
-    --shadow-sm: 0 3px 6px hsla(var(--grey-100-hsl), .12),
-                 0 2px 4px hsla(var(--grey-100-hsl), .10);
-    --shadow-md: 0 10px 20px hsla(var(--grey-100-hsl), .12),
-                 0 3px 6px hsla(var(--grey-100-hsl), .08);
-    --shadow-lg: 0 15px 25px hsla(var(--grey-100-hsl), .12),
-                 0 5px 10px hsla(var(--grey-100-hsl), .05);
+    --shadow-xs: 0 1px 3px var(--white),
+                 0 1px 2px var(--white);
+    --shadow-sm: 0 3px 6px var(--white),
+                 0 2px 4px var(--white);
+    --shadow-md: 0 10px 20px var(--white),
+                 0 3px 6px var(--white);
+    --shadow-lg: 0 15px 25px var(--white),
+                 0 5px 10px var(--white);
   }
 }
\ No newline at end of file