Updated sticky header logic.

components/layout/AppLayout.js

@@ -19,7 +19,7 @@ export default function AppLayout({ title, children }) {
       <div className={styles.nav}>
         <NavBar />
       </div>
-      <div className={styles.body}>
+      <div className={styles.body} id="layout-body">
         <Container>
           <main>{children}</main>
         </Container>

components/layout/AppLayout.module.css

@@ -6,11 +6,10 @@
 
 .nav {
   grid-row: 1 / 3;
-  height: 100vh;
-  position: fixed;
 }
 
 .body {
   grid-area: 1 / 2;
   overflow: auto;
+  height: 100vh;
 }