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);