diff --git a/src/app.html b/src/app.html
index 2cdeb4d..56e9f65 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,8 +1,8 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" style="background-color: #1b1b1c;">
 
 <head>
-  <meta charset="utf-8" />
+  <meta charset=" utf-8" />
   <link rel="icon" href="%sveltekit.assets%/favicon.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   %sveltekit.head%
diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte
index 24e6b6a..17a3721 100644
--- a/src/components/navbar.svelte
+++ b/src/components/navbar.svelte
@@ -1,4 +1,4 @@
-<nav class="flex border-b-1 border-gray-700 py-6">
+<nav class="absolute top-0 flex w-full border-b-1 border-gray-700 bg-[#1b1b1c] py-6">
 	<div class="flex items-end">
 		<h3 class="ml-4 px-2 text-2xl font-[600] text-gray-200">Hayden Hargreaves</h3>
 		<p class="text-md text-gray-200 italic">Software Engineer</p>
diff --git a/src/components/notFound.svelte b/src/components/notFound.svelte
index 2d2cb14..861f13b 100644
--- a/src/components/notFound.svelte
+++ b/src/components/notFound.svelte
@@ -1,7 +1,10 @@
-<main class="flex min-h-screen w-full flex-col items-center justify-center">
+<script lang="ts">
+	export let message: string;
+</script>
+
+<div class="my-[30%] flex h-full w-full flex-col items-center justify-center">
 	<h1 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404 - Not Found</h1>
 	<p class="text-sm text-gray-300 italic">
-		Just kidding, I did find it. But it's not ready for you to see just yet. Sit tight, I'm working
-		on it.
+		{message}
 	</p>
-</main>
+</div>
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..08c233a
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import NotFound from '../components/notFound.svelte';
+</script>
+
+<NotFound message="Page cannont be found. If you think this is a mistake, please contact me!" />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8d96f1d..0cd0f82 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,7 +7,7 @@
 
 <div class="bg-[#1b1b1c]">
 	<Navbar />
-	<main class="mx-[13%] my-[4%] h-fit min-h-screen">
+	<main class="mx-[13%] my-[9%] h-fit min-h-screen bg-[#1b1b1c]">
 		{@render children()}
 	</main>
 	<Footer />
diff --git a/src/routes/blog/[title]/+page.server.ts b/src/routes/blog/[title]/+page.server.ts
index 40c2939..701adde 100644
--- a/src/routes/blog/[title]/+page.server.ts
+++ b/src/routes/blog/[title]/+page.server.ts
@@ -27,21 +27,22 @@ export const load = async ({ url }: RequestEvent) => {
       post: {
         content: "",
         date: new Date(),
-        error: "Sorry, this post could not be found."
+        error: "Sorry, this post could not be found. If you think this is an error, please contact me!"
       }
     };
   }
 
   // Date: 2025-02-24 -> date object
   // Desc: ... -> description
+  // We are not using the description for now, so it can be ignored.
   let lines: string[] = content.split("\n");
   let date: Date = new Date();
-  let description: string = "";
+  // let description: string = "";
 
   // Ensure the meta data is provided
   if (lines[0].slice(0, 5) == "Date:" || lines[1].slice(0, 5) == "Desc:") {
     date = new Date(lines[0].split("Date:")[1].trim());
-    description = lines[1].split("Desc:")[1].trim();
+    // description = lines[1].split("Desc:")[1].trim();
 
     // Remove meta data from final content
     lines = lines.slice(2);
diff --git a/src/routes/blog/[title]/+page.svelte b/src/routes/blog/[title]/+page.svelte
index cbf31f3..1764378 100644
--- a/src/routes/blog/[title]/+page.svelte
+++ b/src/routes/blog/[title]/+page.svelte
@@ -1,15 +1,11 @@
 <script lang="ts">
+	import NotFound from '../../../components/notFound.svelte';
 	import type { PageProps } from './$types';
 	let { data }: PageProps = $props();
 </script>
 
 {#if data.post.error}
-	<main class="flex min-h-screen w-full flex-col items-center justify-center">
-		<h1 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404 - Not Found</h1>
-		<p class="text-sm text-gray-300 italic">
-			{data.post.error}
-		</p>
-	</main>
+	<NotFound message={data.post.error} />
 {:else}
 	<div class="blog-wrapper prose">
 		{@html data.post.content}
