diff --git a/src/styles/_context-menu.scss b/src/styles/_context-menu.scss
index 2b6005d8..2c298545 100644
--- a/src/styles/_context-menu.scss
+++ b/src/styles/_context-menu.scss
@@ -6,7 +6,12 @@
     font-size: 0.875rem;
     color: var(--secondary-foreground);
     border-radius: var(--border-radius);
-    background: var(--primary-background) !important;
+    //background: var(--primary-background) !important;
+    background-color: rgba(
+        var(--primary-background-rgb),
+        max(var(--min-opacity), 0.8)
+    );
+    backdrop-filter: blur(10px);
     box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
 
     > span,
@@ -23,7 +28,11 @@
             cursor: pointer;
 
             &:hover {
-                background: var(--secondary-background);
+                background-color: rgba(
+                    var(--secondary-background-rgb),
+                    max(var(--min-opacity), 0.75)
+                );
+                backdrop-filter: blur(10px);
             }
         }