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;