From dd178db752e4d7e97fe622dc1c796b035f26e802 Mon Sep 17 00:00:00 2001
From: Peter Klingelhofer <peterklingelhofer@gmail.com>
Date: Sun, 26 Jun 2022 21:48:24 -0500
Subject: [PATCH] fix: suppress drop-shadow in header and player

---
 src/components/Header.tsx | 1 -
 src/components/Player.tsx | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index ba754e9..070991d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -17,7 +17,6 @@ const Wrapper = styled.header`
   min-height: 48px;
   border-bottom: 1px solid ${(props) => colorShade(props.theme.colors.text, 20)};
   display: flex;
-  filter: drop-shadow(0 0 0.15rem #000);
   flex-direction: column;
   position: sticky;
   width: 100%;
diff --git a/src/components/Player.tsx b/src/components/Player.tsx
index 7120719..1793e08 100644
--- a/src/components/Player.tsx
+++ b/src/components/Player.tsx
@@ -29,7 +29,7 @@ const playerClass = css`
   width: 100%;
   z-index: 10;
   bottom: 0;
-  filter: drop-shadow(0 0 0.075rem #000);
+  filter: drop-shadow(0 0 0.02rem #000);
 
   @media (prefers-color-scheme: dark) {
     background: #333;