diff --git a/src/layouts/Chrome.astro b/src/layouts/Chrome.astro
index 37c734b..03ac643 100644
--- a/src/layouts/Chrome.astro
+++ b/src/layouts/Chrome.astro
@@ -26,7 +26,7 @@ const headTitle = (title ? `${title} | ` : '') + 'Homestuck: Atypical Card Game'
     <title>{headTitle}</title>
 </head>
 <body class="font-courier font-bold text-xl bg-lavender">
-    <div class="sticky top-0 bg-lavender">
+    <div class="sticky top-0 bg-lavender z-20">
         <header x-data="{ open: false }" class="flex flex-col max-w-5xl mx-auto md:items-center md:justify-between px-4 md:px-0 md:flex-row">
             <div class="pt-4 pb-2 flex flex-row items-center justify-between">
                 <a href="/" class="hidden md:block"><Image src={logo} class="w-[100px] pr-3" alt="ATCG Logo" /></a>
