diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 242c231..3f8d621 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -21,7 +21,7 @@
     padding-top: env(safe-area-inset-top);
     padding-bottom: env(safe-area-inset-bottom);
     width: 3em;
-    height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
+    height: 100%;
     background-color: var(--clr-primary);
     display: flex;
     flex-direction: column;
diff --git a/src/components/PostAttributes.svelte b/src/components/PostAttributes.svelte
index 4b4a265..920a012 100644
--- a/src/components/PostAttributes.svelte
+++ b/src/components/PostAttributes.svelte
@@ -9,8 +9,6 @@
     return dj(date).format('MMM D, YYYY')
   }
 
-  $: console.log(post)
-
   $: created = format(post.date)
   $: modified = format(post.modified)
 </script>
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 82553a5..bed2997 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,13 +1,21 @@
 <script>
+  import { onMount } from 'svelte'
+
   import Nav from '../components/Nav.svelte'
 
   export let segment
+  let wrapper
+
+  onMount(() => {
+    wrapper.style.height = `${window.innerHeight}px`
+  })
 </script>
 
 <style>
   div {
     display: flex;
     flex-direction: row;
+    height: 100vh;
   }
 
   main {
@@ -18,7 +26,7 @@
     flex: 1 0 auto;
     overflow: auto;
     max-width: calc(100% - 4em);
-    max-height: 100vh;
+    height: 100%;
   }
 
   @media (max-width: 30em) {
@@ -28,7 +36,7 @@
   }
 </style>
 
-<div>
+<div bind:this={wrapper}>
   <Nav {segment} />
   <main>
     <slot />
diff --git a/static/global.css b/static/global.css
index e76343b..d703989 100644
--- a/static/global.css
+++ b/static/global.css
@@ -2,6 +2,7 @@
 
 * {
   box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
 }
 
 :root {