diff --git a/resources/js/pages/dashboard.svelte b/resources/js/pages/dashboard.svelte
index 1f94450fd..684b9e7fd 100644
--- a/resources/js/pages/dashboard.svelte
+++ b/resources/js/pages/dashboard.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
-import { page } from '@inertiajs/svelte'
+	import { setLayoutProps } from "@inertiajs/svelte";
+
+	setLayoutProps({
+		title: "Dashboard",
+	});
 </script>
 
-<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>
-
-<div class="min-h-screen bg-background text-foreground p-8">
-    <h1 class="text-3xl font-bold mb-6">Dashboard</h1>
+<div class="bg-background text-foreground min-h-screen p-8">
+	<h1 class="mb-6 text-3xl font-bold">Dashboard</h1>
 </div>