diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index f573484..547991a 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -1,11 +1,17 @@
 <script lang="ts">
-	import '../app.css';
-	import { ModeWatcher } from 'mode-watcher';
-	import { Toaster } from '$lib/components/ui/sonner/index.js';
+    import '../app.css';
+    import {ModeWatcher} from 'mode-watcher';
+    import {Toaster} from '$lib/components/ui/sonner/index.js';
 
-	let { children } = $props();
+    let {children} = $props();
 </script>
 
-<ModeWatcher />
-<Toaster />
+<svelte:head>
+    <title>MediaManager</title>
+    <meta content="Smart PVR for movies and TV shows" name="description"/>
+    <link href="/favicon.ico" rel="icon" type="ico"/>
+</svelte:head>
+
+<ModeWatcher/>
+<Toaster/>
 {@render children()}