diff --git a/src/app.html b/src/app.html
index ddbb6de..802accf 100644
--- a/src/app.html
+++ b/src/app.html
@@ -11,7 +11,7 @@
 		<meta property="og:description" content="Personal site of silentsilas.">
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="hover" data-theme="forest" style="overflow-y: auto; overflow-x: hidden;">
+	<body data-sveltekit-preload-data="hover" data-theme="forest" style="overflow-x: hidden;">
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 952559a..d01a049 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,6 +1,4 @@
-<footer
-	class="footer footer-center p-4 bg-base-300 text-base-content absolute bottom-0 z-50 border-t border-primary"
->
+<footer class="footer footer-center p-4 bg-base-300 text-base-content border-t border-primary">
 	<aside>
 		<p>
 			Built with 💚 by <a
diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index 07d9965..7de4368 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -17,69 +17,63 @@
 	}
 </script>
 
-<div class="flex flex-col h-screen w-screen">
-	<div class="navbar bg-base-300 absolute top-0 z-50 border-b border-primary">
-		<div class="flex-1 pr-2">
-			<div class="dropdown">
-				<div tabindex="-1" class="btn btn-ghost text-primary lg:hidden">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						class="h-5 w-5"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							stroke-width="2"
-							d="M4 6h16M4 12h8m-8 6h16"
-						/>
-					</svg>
-				</div>
-				<ul
-					tabindex="-1"
-					class="menu menu-lg dropdown-content mt-3 z-10 p-2 shadow bg-base-300 rounded-box w-52"
+<div class="navbar bg-base-300 border-b border-primary">
+	<div class="flex-1 pr-2">
+		<div class="dropdown">
+			<div tabindex="-1" class="btn btn-ghost text-primary lg:hidden">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-5 w-5"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke="currentColor"
 				>
-					<li><a href="/thoughts" class="link-primary">Thoughts</a></li>
-					<li><a href="/poetry" class="link-primary">Poetry</a></li>
-					<li><a href="/projects" class="link-primary">Projects</a></li>
-					<li><a href="/services" class="link-primary">Services</a></li>
-				</ul>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M4 6h16M4 12h8m-8 6h16"
+					/>
+				</svg>
 			</div>
-			<a class="link-primary text-xl" href="/">silentsilas</a>
-		</div>
-		<div class="lg:hidden flex-none gap-2">
-			<div class="form-control">
-				<input
-					type="text"
-					placeholder="Search"
-					class="input w-24 md:w-auto"
-					bind:value={searchQuery}
-					on:input={handleSearch}
-				/>
-			</div>
-		</div>
-		<div class="navbar-end hidden lg:flex">
-			<div class="form-control">
-				<input
-					type="text"
-					placeholder="Search"
-					class="input md:w-auto"
-					bind:value={searchQuery}
-					on:input={handleSearch}
-				/>
-			</div>
-			<ul class="menu menu-horizontal px-1">
+			<ul
+				tabindex="-1"
+				class="menu menu-lg dropdown-content mt-3 z-10 p-2 shadow bg-base-300 rounded-box w-52"
+			>
 				<li><a href="/thoughts" class="link-primary">Thoughts</a></li>
 				<li><a href="/poetry" class="link-primary">Poetry</a></li>
 				<li><a href="/projects" class="link-primary">Projects</a></li>
 				<li><a href="/services" class="link-primary">Services</a></li>
 			</ul>
 		</div>
+		<a class="link-primary text-xl" href="/">silentsilas</a>
+	</div>
+	<div class="lg:hidden flex-none gap-2">
+		<div class="form-control">
+			<input
+				type="text"
+				placeholder="Search"
+				class="input w-24 md:w-auto"
+				bind:value={searchQuery}
+				on:input={handleSearch}
+			/>
+		</div>
+	</div>
+	<div class="navbar-end hidden lg:flex">
+		<div class="form-control">
+			<input
+				type="text"
+				placeholder="Search"
+				class="input md:w-auto"
+				bind:value={searchQuery}
+				on:input={handleSearch}
+			/>
+		</div>
+		<ul class="menu menu-horizontal px-1">
+			<li><a href="/thoughts" class="link-primary">Thoughts</a></li>
+			<li><a href="/poetry" class="link-primary">Poetry</a></li>
+			<li><a href="/projects" class="link-primary">Projects</a></li>
+			<li><a href="/services" class="link-primary">Services</a></li>
+		</ul>
 	</div>
-
-	<slot />
-
-	<slot name="footer" />
 </div>
diff --git a/src/lib/components/scenes/app/AppContainer.svelte b/src/lib/components/scenes/app/AppContainer.svelte
new file mode 100644
index 0000000..11bec60
--- /dev/null
+++ b/src/lib/components/scenes/app/AppContainer.svelte
@@ -0,0 +1,17 @@
+<script>
+	import Footer from '$lib/components/Footer.svelte';
+	import NavBar from '$lib/components/NavBar.svelte';
+</script>
+
+<div
+	class="flex flex-col flex-1 overflow-auto fixed h-full w-screen bg-base-300"
+	style="overflow-x: hidden;"
+>
+	<NavBar></NavBar>
+
+	<div class="flex flex-1 overflow-auto">
+		<slot />
+	</div>
+
+	<Footer></Footer>
+</div>
diff --git a/src/lib/components/scenes/app/CanvasContainer.svelte b/src/lib/components/scenes/app/CanvasContainer.svelte
index d366db6..0241d0f 100644
--- a/src/lib/components/scenes/app/CanvasContainer.svelte
+++ b/src/lib/components/scenes/app/CanvasContainer.svelte
@@ -23,7 +23,6 @@
 	}
 
 	.canvas {
-		margin-top: 69px;
-		margin-bottom: 53px;
+		max-width: 100vw;
 	}
 </style>
diff --git a/src/lib/components/scenes/app/App.svelte b/src/lib/components/scenes/app/World.svelte
similarity index 100%
rename from src/lib/components/scenes/app/App.svelte
rename to src/lib/components/scenes/app/World.svelte
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index d93734d..0d31820 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -1,20 +1,10 @@
 <script lang="ts">
 	import '../../app.css';
 	import SearchResults from '$lib/components/SearchResults.svelte';
-	import NavBar from '$lib/components/NavBar.svelte';
-	import Footer from '$lib/components/Footer.svelte';
+	import AppContainer from '$lib/components/scenes/app/AppContainer.svelte';
 </script>
 
-<NavBar>
-	<div
-		class="flex flex-col items-center flex-1 overflow-auto"
-		style="margin-top: 69px; margin-bottom: 53px"
-	>
-		<slot />
-		<SearchResults />
-	</div>
-
-	<slot name="footer">
-		<Footer />
-	</slot>
-</NavBar>
+<AppContainer>
+	<slot />
+	<SearchResults />
+</AppContainer>
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index 426041e..5302b2f 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -69,8 +69,8 @@
 </script>
 
 {#if results.length <= 0}
-	<div class="container mx-auto flex flex-col justify-center items-center flex-1 my-4">
-		<div class="justify-center items-center text-center mb-4">
+	<div class="mx-auto container flex flex-col flex-1 my-4">
+		<div class="my-4 text-center" style="height: 60px">
 			{#if visible && currentGreeting}
 				<div transition:fade={{ duration: 1200 }}>
 					<span class="font-bold text-primary">{currentGreeting.greeting}</span>
@@ -83,7 +83,7 @@
 				</p>
 			{/if}
 		</div>
-		<div class="text-center prose px-4">
+		<div class="prose p-4" style="align-self: center">
 			<p>
 				The name's Silas. I write code for a living, and sometimes for fun. I use <a
 					href="https://elixir-lang.org/"
@@ -110,7 +110,7 @@
 				of them run any analytics or log your activity, but the software/servers may be outdated, so
 				use at your own risk.
 			</p>
-			<p>Shalom.</p>
+			<p class="text-center">Shalom.</p>
 		</div>
 	</div>
 {/if}
diff --git a/src/routes/(app)/poetry/+page.svelte b/src/routes/(app)/poetry/+page.svelte
index a943905..2738c75 100644
--- a/src/routes/(app)/poetry/+page.svelte
+++ b/src/routes/(app)/poetry/+page.svelte
@@ -66,20 +66,20 @@
 				</li>
 			{/each}
 		</ul>
+		{#if total > 1}
+			<nav class="join justify-end py-10">
+				<button
+					class="join-item btn-primary btn btn-outline"
+					on:click={() => navigate(currentPage - 1)}
+					disabled={currentPage === 1}>Prev</button
+				>
+				<div class="join-item content-center px-10">{currentPage} of {totalPages}</div>
+				<button
+					class="join-item btn btn-primary btn-outline"
+					on:click={() => navigate(currentPage + 1)}
+					disabled={currentPage === totalPages}>Next</button
+				>
+			</nav>
+		{/if}
 	</div>
-	{#if total > 1}
-		<nav class="join justify-end py-10">
-			<button
-				class="join-item btn-primary btn btn-outline"
-				on:click={() => navigate(currentPage - 1)}
-				disabled={currentPage === 1}>Prev</button
-			>
-			<div class="join-item content-center px-10">{currentPage} of {totalPages}</div>
-			<button
-				class="join-item btn btn-primary btn-outline"
-				on:click={() => navigate(currentPage + 1)}
-				disabled={currentPage === totalPages}>Next</button
-			>
-		</nav>
-	{/if}
 {/if}
diff --git a/src/routes/(app)/thoughts/+page.svelte b/src/routes/(app)/thoughts/+page.svelte
index 8e2fc84..15ada87 100644
--- a/src/routes/(app)/thoughts/+page.svelte
+++ b/src/routes/(app)/thoughts/+page.svelte
@@ -66,20 +66,20 @@
 				</li>
 			{/each}
 		</ul>
+		{#if total > 1}
+			<nav class="join justify-end py-4">
+				<button
+					class="join-item btn-primary btn btn-outline"
+					on:click={() => navigate(currentPage - 1)}
+					disabled={currentPage === 1}>Prev</button
+				>
+				<div class="join-item content-center px-10">{currentPage} of {totalPages}</div>
+				<button
+					class="join-item btn btn-primary btn-outline"
+					on:click={() => navigate(currentPage + 1)}
+					disabled={currentPage === totalPages}>Next</button
+				>
+			</nav>
+		{/if}
 	</div>
-	{#if total > 1}
-		<nav class="join justify-end py-4">
-			<button
-				class="join-item btn-primary btn btn-outline"
-				on:click={() => navigate(currentPage - 1)}
-				disabled={currentPage === 1}>Prev</button
-			>
-			<div class="join-item content-center px-10">{currentPage} of {totalPages}</div>
-			<button
-				class="join-item btn btn-primary btn-outline"
-				on:click={() => navigate(currentPage + 1)}
-				disabled={currentPage === totalPages}>Next</button
-			>
-		</nav>
-	{/if}
 {/if}
diff --git a/src/routes/projects/+layout.svelte b/src/routes/projects/+layout.svelte
index b4aa190..5ad9fbd 100644
--- a/src/routes/projects/+layout.svelte
+++ b/src/routes/projects/+layout.svelte
@@ -2,12 +2,10 @@
 	import Footer from '$lib/components/Footer.svelte';
 	import NavBar from '$lib/components/NavBar.svelte';
 	import SearchResults from '$lib/components/SearchResults.svelte';
+	import AppContainer from '$lib/components/scenes/app/AppContainer.svelte';
 </script>
 
-<div class="flex items-center flex-1 overflow-auto">
-	<NavBar>
-		<slot />
-		<SearchResults />
-	</NavBar>
-	<Footer />
-</div>
+<AppContainer>
+	<slot />
+	<SearchResults />
+</AppContainer>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index 5806226..4c770f4 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import MenuItem from '$lib/components/scenes/app/MenuItem.svelte';
-	import App from '$lib/components/scenes/app/App.svelte';
+	import World from '$lib/components/scenes/app/World.svelte';
 	import CanvasContainer from '$lib/components/scenes/app/CanvasContainer.svelte';
 	import '../../app.css';
 
@@ -87,7 +87,7 @@
 
 {#if results.length <= 0}
 	<CanvasContainer>
-		<App>
+		<World>
 			{#each projects as project, i}
 				<MenuItem
 					clickHandler={() => handleMenuClick(i)}
@@ -95,7 +95,7 @@
 					active={i === selected}>{project.title}</MenuItem
 				>
 			{/each}
-		</App>
+		</World>
 	</CanvasContainer>
 	{#if open}
 		<Overlay>
