diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 8854537..d9d6cee 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -2,50 +2,55 @@
 const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
+<div>
+    <nav>
+        <h3>life of emma</h3>
+        <ul>
+            <li>
+                    <a href="/life/self/">emma's self</a>
+            </li>
+            <li>
+                    <a href="/life/interests/">emma's interests</a>
+            </li>
+            <li>
+                    <a href="/life/sunshine/">emma's rays of sunshine</a>
+            </li>
+        </ul>
+        <h3>site information</h3>
+        <ul>
+            <li><a href="/">home</a></li>
+            <li><a href="/site/about">about</a></li>
+            <li><a href="/site/why">why</a></li>
+            <li><a href="/site/who">who</a></li>
+            <li><a href="/site/other">other emma things</a></li>
+            <li><a href="/site/contact">contact</a></li>
+            <li><a href="/site/guestbook">guestbook</a></li>
+        </ul>
 
-<nav>
-	<h3>life of emma</h3>
-	<ul>
-		<li>
-				<a href="/life/self/">emma's self</a>
-		</li>
-		<li>
-				<a href="/life/interests/">emma's interests</a>
-        </li>
-		<li>
-				<a href="/life/sunshine/">emma's rays of sunshine</a>
-		</li>
-	</ul>
-	<h3>site information</h3>
-	<ul>
-		<li><a href="/">home</a></li>
-		<li><a href="/site/about">about</a></li>
-		<li><a href="/site/why">why</a></li>
-		<li><a href="/site/who">who</a></li>
-		<li><a href="/site/other">other emma things</a></li>
-		<li><a href="/site/contact">contact</a></li>
-        <li><a href="/site/guestbook">guestbook</a></li>
-	</ul>
-
-    <h3>controls</h3>
-    <ul>
-        <li><a href="#top">top of page</a></li>
-    </ul>
-</nav>
+        <h3>controls</h3>
+        <ul>
+            <li><a href="#top">top of page</a></li>
+        </ul>
+    </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;
     }