diff --git a/packages/excalidraw/components/Actions.scss b/packages/excalidraw/components/Actions.scss
index 5826628de1..999a413364 100644
--- a/packages/excalidraw/components/Actions.scss
+++ b/packages/excalidraw/components/Actions.scss
@@ -2,7 +2,8 @@
 .undo-redo-buttons {
   background-color: var(--island-bg-color);
   border-radius: var(--border-radius-lg);
-  box-shadow: 0 0 0 1px var(--color-surface-lowest);
+  // box-shadow: 0 0 0 1px var(--color-surface-lowest);
+  backdrop-filter: blur(40px);
 }
 
 .zoom-button,
@@ -12,6 +13,7 @@
   font-size: 0.875rem !important;
   width: var(--lg-button-size);
   height: var(--lg-button-size);
+  backdrop-filter: blur(40px);
 
   svg {
     width: var(--lg-icon-size) !important;
diff --git a/packages/excalidraw/css/theme.scss b/packages/excalidraw/css/theme.scss
index a0645d998b..1e21ed4e95 100644
--- a/packages/excalidraw/css/theme.scss
+++ b/packages/excalidraw/css/theme.scss
@@ -149,7 +149,7 @@
 
   --color-surface-high: #f1f0ff;
   --color-surface-mid: #f6f6f9;
-  --color-surface-low: #ececf4;
+  --color-surface-low: rgba(236, 236, 244, 0.1);
   --color-surface-lowest: #ffffff;
   --color-on-surface: #1b1b1f;
   --color-brand-hover: #5753d0;
@@ -253,7 +253,7 @@
     --color-logo-text: #e2dfff;
 
     --color-surface-high: #2e2d39;
-    --color-surface-low: hsl(240, 8%, 15%);
+    --color-surface-low: rgba(35, 35, 41, 0.1);
     --color-surface-mid: hsl(240 6% 10%);
     --color-surface-lowest: hsl(0, 0%, 7%);
     --color-on-surface: #e3e3e8;
diff --git a/packages/excalidraw/css/variables.module.scss b/packages/excalidraw/css/variables.module.scss
index a51764e668..7e1923e39e 100644
--- a/packages/excalidraw/css/variables.module.scss
+++ b/packages/excalidraw/css/variables.module.scss
@@ -187,6 +187,8 @@
   border: none;
   box-shadow: 0 0 0 1px var(--color-surface-lowest);
   background-color: var(--color-surface-low);
+  backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
 
   &:active {
     box-shadow: 0 0 0 1px var(--color-brand-active);