diff --git a/src/routes.ts b/src/routes.ts
index 0b43fc4..78806d9 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -1,5 +1,5 @@
 import Home from './routes/Home.svelte';
-import NotFound from './routes/NotFound.svelte';
+import NotFound from './routes/Error.svelte';
 import Dashboard from './routes/Dashboard.svelte';
 import Post from './routes/Post.svelte';
 
diff --git a/src/routes/NotFound.svelte b/src/routes/Error.svelte
similarity index 67%
rename from src/routes/NotFound.svelte
rename to src/routes/Error.svelte
index 98fa751..edcd37e 100644
--- a/src/routes/NotFound.svelte
+++ b/src/routes/Error.svelte
@@ -1,6 +1,10 @@
+<script lang="ts">
+	export let errorCode: {status: number, message: string} = {status: 404, message: "Not Found"};
+</script>
+
 <div id="error">
-	<h1 id="code">404</h1>
-	<h1 id="msg">Not Found</h1>
+	<h1 id="code">{errorCode.status}</h1>
+	<h1 id="msg">{errorCode.message}</h1>
 	<p>This post doesn't exist or has been deleted.</p>
 </div>