diff --git a/src/components/Nav/Header.tsx b/src/components/Nav/Header.tsx
index d5bc84b7..cf19c73c 100644
--- a/src/components/Nav/Header.tsx
+++ b/src/components/Nav/Header.tsx
@@ -48,6 +48,7 @@ export const Header = (props: Props) => {
   // effects
   createEffect(() => {
     document.body.classList.toggle('fixed', fixed() || modal() !== null)
+    document.body.classList.toggle(styles.fixed, fixed() && !modal())
   })
 
   // derived