diff --git a/src/app.html b/src/app.html
index a37e970..2cdeb4d 100644
--- a/src/app.html
+++ b/src/app.html
@@ -8,7 +8,7 @@
   %sveltekit.head%
 </head>
 
-<body class="bg-[#1b1b1c]" data-sveltekit-preload-data="hover">
+<body data-sveltekit-preload-data="hover">
   <div style="display: contents">%sveltekit.body%</div>
 </body>
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b1d0f9d..4fa5bc4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,6 +5,8 @@
 	let { children } = $props();
 </script>
 
-<Navbar />
-{@render children()}
-<Footer />
+<div class="bg-[#1b1b1c]">
+	<Navbar />
+	{@render children()}
+	<Footer />
+</div>
