diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fd915fd..3b6bf64 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import Header from "$components/header.svelte"
   import Footer from "$components/footer.svelte"
+  let { children } = $props();
 </script>
 
 <div class="container">
   <Header />
-  <slot />
+  {@render children()}
   <Footer />
 </div>