diff --git a/sites/docs/src/routes/(docs)/docs/+page.svelte b/sites/docs/src/routes/(docs)/docs/+page.svelte
index e59c2b38..8642c2bb 100644
--- a/sites/docs/src/routes/(docs)/docs/+page.svelte
+++ b/sites/docs/src/routes/(docs)/docs/+page.svelte
@@ -3,4 +3,8 @@
 	let { data } = $props();
 </script>
 
+<svelte:head>
+	<title>{data.metadata.title}</title>
+	<meta name="description" content={data.metadata.description} />
+</svelte:head>
 <DocPage component={data.component} {...data.metadata} />
diff --git a/sites/docs/src/routes/(docs)/docs/[...slug]/+page.svelte b/sites/docs/src/routes/(docs)/docs/[...slug]/+page.svelte
index e59c2b38..8642c2bb 100644
--- a/sites/docs/src/routes/(docs)/docs/[...slug]/+page.svelte
+++ b/sites/docs/src/routes/(docs)/docs/[...slug]/+page.svelte
@@ -3,4 +3,8 @@
 	let { data } = $props();
 </script>
 
+<svelte:head>
+	<title>{data.metadata.title}</title>
+	<meta name="description" content={data.metadata.description} />
+</svelte:head>
 <DocPage component={data.component} {...data.metadata} />