diff --git a/resources/js/pages/dashboard.svelte b/resources/js/pages/dashboard.svelte
index b96238504c..684b9e7fd9 100644
--- a/resources/js/pages/dashboard.svelte
+++ b/resources/js/pages/dashboard.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
-	import { page } from "@inertiajs/svelte";
-</script>
+	import { setLayoutProps } from "@inertiajs/svelte";
 
-<svelte:head>
-	<title>Dashboard - {$page.props.appName}</title>
-	<!-- the TS type of appName is currently incorrect, which is likely an Inertia bug. -->
-	<meta name="description" content="The {$page.props.appName} dashboard" />
-</svelte:head>
+	setLayoutProps({
+		title: "Dashboard",
+	});
+</script>
 
 <div class="bg-background text-foreground min-h-screen p-8">
 	<h1 class="mb-6 text-3xl font-bold">Dashboard</h1>