diff --git a/src/app.html b/src/app.html
index 685b1dd..ddbb6de 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: hidden;">
+	<body data-sveltekit-preload-data="hover" data-theme="forest" style="overflow-y: auto; 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 c80038d..952559a 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,5 +1,5 @@
 <footer
-	class="footer footer-center p-4 bg-base-300 text-base-content sticky bottom-0 z-50 border-t border-primary"
+	class="footer footer-center p-4 bg-base-300 text-base-content absolute bottom-0 z-50 border-t border-primary"
 >
 	<aside>
 		<p>
diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index 2ed7374..07d9965 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -17,8 +17,8 @@
 	}
 </script>
 
-<div class="flex flex-col h-screen">
-	<div class="navbar bg-base-300 sticky top-0 z-50 border-b border-primary">
+<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">
diff --git a/src/lib/components/scenes/app/CanvasContainer.svelte b/src/lib/components/scenes/app/CanvasContainer.svelte
index aaac68d..d366db6 100644
--- a/src/lib/components/scenes/app/CanvasContainer.svelte
+++ b/src/lib/components/scenes/app/CanvasContainer.svelte
@@ -7,7 +7,11 @@
 	}
 </script>
 
-<div class="canvas" on:contextmenu|preventDefault={preventRightClick} role="application">
+<div
+	class="canvas flex flex-1"
+	on:contextmenu|preventDefault={preventRightClick}
+	role="application"
+>
 	<Canvas>
 		<slot />
 	</Canvas>
@@ -19,12 +23,7 @@
 	}
 
 	.canvas {
-		width: 100%;
-		height: 100%;
-		background: rgb(0, 36, 6);
-		background: linear-gradient(180deg, rgba(0, 36, 6, 1) 0%, rgba(0, 0, 0, 1) 100%);
-		position: absolute;
-		justify-content: center;
-		align-items: center;
+		margin-top: 69px;
+		margin-bottom: 53px;
 	}
 </style>
diff --git a/src/lib/components/scenes/app/Overlay.svelte b/src/lib/components/scenes/app/Overlay.svelte
index 748d2f8..c5a8cd4 100644
--- a/src/lib/components/scenes/app/Overlay.svelte
+++ b/src/lib/components/scenes/app/Overlay.svelte
@@ -10,5 +10,6 @@
 		transform: translate(-50%, -50%);
 		display: flex;
 		flex-direction: column;
+		z-index: 100;
 	}
 </style>
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 111be61..d93734d 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -6,7 +6,10 @@
 </script>
 
 <NavBar>
-	<div class="flex flex-col items-center flex-1 overflow-auto py-4">
+	<div
+		class="flex flex-col items-center flex-1 overflow-auto"
+		style="margin-top: 69px; margin-bottom: 53px"
+	>
 		<slot />
 		<SearchResults />
 	</div>
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index e0d894e..426041e 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">
-		<div class="justify-center items-center text-center m-10">
+	<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">
 			{#if visible && currentGreeting}
 				<div transition:fade={{ duration: 1200 }}>
 					<span class="font-bold text-primary">{currentGreeting.greeting}</span>
@@ -78,7 +78,7 @@
 						<span class="text-gray-500">( {currentGreeting.romanisation} )</span>
 					{/if}
 				</div>
-				<p class="mt-2 text-gray-300" transition:fade={{ delay: 400, duration: 400 }}>
+				<p class="text-gray-300" transition:fade={{ delay: 400, duration: 400 }}>
 					That's {currentGreeting.language} for hello!
 				</p>
 			{/if}
diff --git a/src/routes/(app)/poetry/+page.svelte b/src/routes/(app)/poetry/+page.svelte
index 5fca59e..a943905 100644
--- a/src/routes/(app)/poetry/+page.svelte
+++ b/src/routes/(app)/poetry/+page.svelte
@@ -50,7 +50,7 @@
 
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center">
-		<div class="prose">
+		<div class="prose mb-4">
 			<h1 class="py-6">Poetry</h1>
 		</div>
 
diff --git a/src/routes/(app)/services/+page.svelte b/src/routes/(app)/services/+page.svelte
index 20f2989..999d688 100644
--- a/src/routes/(app)/services/+page.svelte
+++ b/src/routes/(app)/services/+page.svelte
@@ -51,7 +51,7 @@
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center px-4">
 		<div class="prose">
-			<h1 class="py-6 pt-10">Services</h1>
+			<h1 class="pt-6 text-center">Services</h1>
 			<p>
 				I self-host a lot of services I find useful, and to rely less on third-party cloud services.
 				None of them run any analytics or log your activity, but the software/servers may be
diff --git a/src/routes/(app)/thoughts/+page.svelte b/src/routes/(app)/thoughts/+page.svelte
index 8b6ccd1..8e2fc84 100644
--- a/src/routes/(app)/thoughts/+page.svelte
+++ b/src/routes/(app)/thoughts/+page.svelte
@@ -68,7 +68,7 @@
 		</ul>
 	</div>
 	{#if total > 1}
-		<nav class="join justify-end py-10">
+		<nav class="join justify-end py-4">
 			<button
 				class="join-item btn-primary btn btn-outline"
 				on:click={() => navigate(currentPage - 1)}
diff --git a/src/routes/projects/+layout.svelte b/src/routes/projects/+layout.svelte
index eb8d975..b4aa190 100644
--- a/src/routes/projects/+layout.svelte
+++ b/src/routes/projects/+layout.svelte
@@ -4,8 +4,10 @@
 	import SearchResults from '$lib/components/SearchResults.svelte';
 </script>
 
-<NavBar>
-	<slot />
-	<SearchResults />
-</NavBar>
-<Footer />
+<div class="flex items-center flex-1 overflow-auto">
+	<NavBar>
+		<slot />
+		<SearchResults />
+	</NavBar>
+	<Footer />
+</div>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index 562f68c..5806226 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -29,7 +29,7 @@
 			title: 'Visions',
 			path: 'https://visions.silentsilas.com',
 			source: 'https://github.com/silentsilas/visions',
-			position: [0, -4, 0],
+			position: [0, -6, 0],
 			description:
 				'An experiment with 3D vector math for a rudimentary simulation of gravity. You can change the strength of the gravity in the Controls menu.'
 		},
@@ -38,7 +38,7 @@
 			path: '/editor',
 			source:
 				'https://git.silentsilas.com/silentsilas/playground/src/branch/main/src/routes/editor',
-			position: [4, 0, -4],
+			position: [4, -2, -4],
 			description:
 				'A 3D animation editor via Theatre.js. This is used internally by me for other ThreeJS projects.'
 		},
@@ -46,7 +46,7 @@
 			title: 'Headbang',
 			path: 'https://smash.silentsilas.com',
 			source: '#',
-			position: [-4, 0, 4],
+			position: [-4, -2, 4],
 			description:
 				"Bash in the heads of my ol' coworkers to the sounds of Rezz. I don't own the copyright to the music. And I also lost the source code. Epilepsy warning."
 		},
@@ -54,7 +54,7 @@
 			title: 'Intended Link',
 			path: 'https://intended.link',
 			source: 'https://git.silentsilas.com/silentsilas/Entendu',
-			position: [-4, 4, -4],
+			position: [-4, 2, -4],
 			description:
 				'Similar to Sure Dog, this is a service to securely share information to others without needing an account. Instead, you say which social media account can access the link, and only that account will be able to view what the link contains using the magic of OAuth.'
 		},
@@ -62,7 +62,7 @@
 			title: 'Who Am I?',
 			path: 'https://viz.silentsilas.com/',
 			source: 'https://git.silentsilas.com/silentsilas/audio-visualizer',
-			position: [4, 4, 4],
+			position: [4, 2, 4],
 			description:
 				'An audiovisual exhibit of a poem by the same name. I recorded myself reciting the poem, and parsed a subtitle track to sync it with the audio. Objects in the scene are reactive to the audio as well.'
 		},
@@ -70,7 +70,7 @@
 			title: 'Sure Dog',
 			path: 'https://sure.dog/',
 			source: 'https://git.silentsilas.com/silentsilas/sure',
-			position: [0, 8, 0],
+			position: [0, 6, 0],
 			description:
 				'Similar to Intended Link, this is a service to securely share information to others without needing an account. Instead, you send a link to whom you wish to request information from, and they can send back a link with the information you requested that only your device can view thanks to the magic of Public Key Cryptography.'
 		}
@@ -141,16 +141,6 @@
 		margin: 0;
 	}
 
-	.canvas {
-		width: 100%;
-		height: 100%;
-		background: rgb(0, 36, 6);
-		background: linear-gradient(180deg, rgba(0, 36, 6, 1) 0%, rgba(0, 0, 0, 1) 100%);
-		position: absolute;
-		justify-content: center;
-		align-items: center;
-	}
-
 	.close-button {
 		position: absolute;
 		top: 0;
