diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 1a4fd781..91e68233 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -38,10 +38,13 @@
     0 30px 40px -8px rgb(0 0 0 / 0.12);
 
   // Use this to imitate the frosted glass edge effect in components with a frosted glass design (except dialogs)
-  --bew-shadow-edge-glow-1: inset 0 0 4px rgba(255, 255, 255, 0.4);
+  --bew-shadow-edge-glow-1: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.2),
+    inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.12), inset 0 0 4px rgba(255, 255, 255, 0.4);
 
   // Use this for dialogs with the frosted glass effect
-  --bew-shadow-edge-glow-2: inset 0 0 8px rgba(255, 255, 255, 0.42);
+  --bew-shadow-edge-glow-2: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.2),
+    inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.12), inset 0 0 8px rgba(255, 255, 255, 0.42);
+
   // #endregion
 
   // #region Theme Color & Status Colors
@@ -199,8 +202,10 @@
   --bew-shadow-4: 0 34px 50px -20px rgb(0 0 0 / 0.24), 0 32px 45px -12px rgb(0 0 0 / 0.2),
     0 30px 40px -8px rgb(0 0 0 / 0.22);
 
-  --bew-shadow-edge-glow-1: inset 0 0 4px rgba(255, 255, 255, 0.08);
-  --bew-shadow-edge-glow-2: inset 0 0 8px rgba(255, 255, 255, 0.1);
+  --bew-shadow-edge-glow-1: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.12),
+    inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.04), inset 0 0 4px rgba(255, 255, 255, 0.06);
+  --bew-shadow-edge-glow-2: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.12),
+    inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.04), inset 0 0 8px rgba(255, 255, 255, 0.08);
   // #endregion
 
   --bew-logo-color: var(--bew-text-1);