diff --git a/src/App.tsx b/src/App.tsx
index b0850f1..7dc4dab 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -26,12 +26,12 @@ const App: Component = () => {
 
   return (
     <div class="min-h-screen bg-gray-50">
-      <header class="bg-white shadow">
+      <header class="fixed top-0 left-0 right-0 bg-white shadow z-50">
         <div class="max-w-4xl mx-auto px-4 py-4">
           <h1 class="text-2xl font-bold text-gray-900">TTRPG Tools</h1>
         </div>
       </header>
-      <main class="max-w-4xl mx-auto px-4 py-8">
+      <main class="max-w-4xl mx-auto px-4 py-8 pt-20">
         <Article src={currentPath()} />
       </main>
     </div>