remove nav height to prevent overflow

src/components/Navigation.astro

@@ -2,8 +2,8 @@
 const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
-
-<nav>
+<div>
+    <nav>
         <h3>life of emma</h3>
         <ul>
             <li>
@@ -31,21 +31,26 @@ const backgroundColorNightMode = "#240046";
         <ul>
             <li><a href="#top">top of page</a></li>
         </ul>
-</nav>
+    </nav>
+</div>
 
 <style define:vars={{backgroundColor, backgroundColorNightMode}}>
-    nav {
-        background-color: var(--backgroundColor);
+    div {
+        height: 100%;
+        width: 20vw;
         grid-row: 2/3;
         grid-column: 1/2;
+    }
+    nav {
+        background-color: var(--backgroundColor);
         width: 20vw;
-        height: 70vh;
+        height: auto;
         font-family: system-ui;
         letter-spacing: 0.05rem;
         position: sticky;
         top: 0;
         margin-left: 2rem;
-        padding-top: 0.75rem;
+        padding: 0.75rem 0;
         padding-left: 1.5rem;
         border-radius: 25px;
     }