diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c870855..726b0ea 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -16,10 +16,13 @@
     let { children, data } = $props();
     let dateValue = $derived(data.date);
     let entries = $derived(data.entries);
+    let title = $state("Memento")
 
     $effect(() => {
         // Navigate when dateValue changes
         goto(`/${dateValue}`);
+        title = `Memento: ${dateValue}`
+        
     });
 
     $effect(() => {
@@ -28,7 +31,10 @@
     });
 </script>
 
-<svelte:head><link rel="icon" href={favicon} /></svelte:head>
+<svelte:head>
+    <title>{title}</title>
+    <link rel="icon" href={favicon} />
+</svelte:head>
 <ModeWatcher />
 
 <div