diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fe62969..9bf1287 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import '../app.postcss';
+	import { page } from '$app/stores';
 	import { browser } from '$app/environment';
 	import { writable } from 'svelte/store';
 	import { themes } from '$lib/types/themes'
@@ -38,12 +39,12 @@
 
 </script>
 
-<div class="h-full" >
-	<Header/>
+<Header {page}/>
+<div class="m-4 border-2 border-accent rounded-lg h-[calc(100%-5.75rem-1px)]">
 	<slot />
-	<!-- Router Slot -->
-	<!-- ---- / ---- -->
-	<!-- (pageFooter) -->
-	<!-- (footer) -->
 </div>
+<!-- Router Slot -->
+<!-- ---- / ---- -->
+<!-- (pageFooter) -->
+<!-- (footer) -->
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dd66140..27819f9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,5 @@
-<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
+<svelte:options runes={true} />
+
 <script lang="ts">
 </script>
 
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index 861ab9b..422612b 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -1,5 +1,6 @@
+<svelte:options runes={true} />
+
 <script lang="ts">
-	import { page } from '$app/stores';
 	import discord from '$lib/images/discord.svg';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
 	import { Button } from '$lib/components/ui/button';
@@ -9,6 +10,8 @@
 	import { Exit } from 'radix-icons-svelte';
 	import { Separator } from '$lib/components/ui/separator';
 
+	let { page } = $props()
+
 	let user = {
 		loggedIn: true, // DEBUG
 		admin: true, // DEBUG