fix: Entire header should not become transparent on desktop blur

closes #4700
2023-03-23 23:50:47 -04:00
parent 45a603f76f
commit e2e0b01143
1 changed files with 5 additions and 1 deletions
--- 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);