From 8009e8f6917ae03a8a00a7d8ec0a02ca42bbc739 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Tue, 27 Apr 2021 17:29:22 -0700
Subject: [PATCH] fix: Missing bg blur, closes #2082

---
 app/components/Actions.js           | 2 +-
 app/components/ContextMenu/index.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/Actions.js b/app/components/Actions.js
index 77ebe565a..444ce4968 100644
--- a/app/components/Actions.js
+++ b/app/components/Actions.js
@@ -33,7 +33,7 @@ const Actions = styled(Flex)`
   background: ${(props) => props.theme.background};
   transition: ${(props) => props.theme.backgroundTransition};
   padding: 12px;
-  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
 
   @media print {
     display: none;
diff --git a/app/components/ContextMenu/index.js b/app/components/ContextMenu/index.js
index 6f980e059..fbe0e5308 100644
--- a/app/components/ContextMenu/index.js
+++ b/app/components/ContextMenu/index.js
@@ -115,6 +115,7 @@ const Background = styled.div`
       props.left !== undefined ? "25%" : "75%"} 0;
     max-width: 276px;
     background: ${(props) => rgba(props.theme.menuBackground, 0.95)};
+    backdrop-filter: blur(20px);
     box-shadow: ${(props) => props.theme.menuShadow};
     border: ${(props) =>
       props.theme.menuBorder ? `1px solid ${props.theme.menuBorder}` : "none"};