diff --git a/components/Header.module.css b/components/Header.module.css
index 05d0dfd..d51ac9e 100644
--- a/components/Header.module.css
+++ b/components/Header.module.css
@@ -1,8 +1,13 @@
+.headerSpacer {
+  height: 8rem;
+}
+
 .headerWrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: sticky;
+  position: fixed;
+  width: 100%;
   top: 0;
   left: 0;
   z-index: 98;
diff --git a/components/Header.tsx b/components/Header.tsx
index 8d23f36..49edca0 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -16,6 +16,7 @@ export function Header() {
 
   return (
     <>
+      <div className={styles.headerSpacer} />
       <div
         className={isShowingMenu ? styles.backgroundTintShow : styles.backgroundTintHidden}
         onClick={() => {