From e2e0b01143616ab54977fdb5e209b56ea11b7824 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 23 Mar 2023 23:50:47 -0400
Subject: [PATCH] fix: Entire header should not become transparent on desktop
 blur closes #4700

---
 app/components/Header.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 52a18cf80..af940ec3b 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -132,7 +132,11 @@ const Wrapper = styled(Flex)<WrapperProps>`
   min-height: 64px;
   justify-content: flex-start;
   ${draggableOnDesktop()}
-  ${fadeOnDesktopBackgrounded()}
+
+  button,
+  [role="button"] {
+    ${fadeOnDesktopBackgrounded()}
+  }
 
   @supports (backdrop-filter: blur(20px)) {
     backdrop-filter: blur(20px);