diff --git a/apps/web/src/lib/ui/layout/AppShell.svelte b/apps/web/src/lib/ui/layout/AppShell.svelte
index d1e38ae..4bdb612 100644
--- a/apps/web/src/lib/ui/layout/AppShell.svelte
+++ b/apps/web/src/lib/ui/layout/AppShell.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  let { children } = $props();
 </script>
 
 <header class="app-header">
@@ -17,7 +16,7 @@
 </header>
 
 <main class="container main">
-  {@render children?.()}
+  <slot />
 </main>
 
 <style>
diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
index f4b1d6d..30da80c 100644
--- a/apps/web/src/routes/+layout.svelte
+++ b/apps/web/src/routes/+layout.svelte
@@ -2,8 +2,6 @@
 	import favicon from '$lib/assets/favicon.svg';
 	import '$lib/styles/tokens.css';
 	import '$lib/styles/base.css';
-
-	let { children } = $props();
 </script>
 
 <svelte:head>
@@ -11,4 +9,4 @@
 	<meta name="robots" content="noindex,nofollow" />
 </svelte:head>
 
-{@render children?.()}
+<slot />
diff --git a/apps/web/src/routes/app/+layout.svelte b/apps/web/src/routes/app/+layout.svelte
index 87f6323..ebdfe89 100644
--- a/apps/web/src/routes/app/+layout.svelte
+++ b/apps/web/src/routes/app/+layout.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import AppShell from '$lib/ui/layout/AppShell.svelte';
-  let { children } = $props();
 </script>
 
 <AppShell>
-  {@render children?.()}
+  <slot />
 </AppShell>