diff --git a/app/messages/en.json b/app/messages/en.json
index 1ddc571..0783ada 100644
--- a/app/messages/en.json
+++ b/app/messages/en.json
@@ -38,6 +38,7 @@
 	"export": "Export",
 	"extra_names": "Extra Names",
 	"faith": "Faith",
+	"family_tree": "Family Tree",
 	"favourite": "Favourite",
 	"favourite_recipes": "Favourite Recipes",
 	"file": "File",
diff --git a/app/messages/hu.json b/app/messages/hu.json
index 520a073..3ad304e 100644
--- a/app/messages/hu.json
+++ b/app/messages/hu.json
@@ -38,6 +38,7 @@
     "export": "Exportálás",
     "extra_names": "Extra nevek",
     "faith": "Vallás",
+	"family_tree": "Családfa",
     "favourite": "Kedvenc",
     "favourite_recipes": "Kedvenc receptek",
     "file": "Fájl",
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte
index 82a1080..00bc8e3 100644
--- a/app/src/routes/+layout.svelte
+++ b/app/src/routes/+layout.svelte
@@ -2,9 +2,14 @@
 	import '../app.css';
 	import { i18n } from '$lib/i18n';
 	import { ParaglideJS } from '@inlang/paraglide-sveltekit';
+	import {title, family_tree} from '$lib/paraglide/messages.js';
 	let { children } = $props();
 </script>
 
+<svelte:head>
+	<title>{title({page:family_tree()})}</title>
+</svelte:head>
+
 <ParaglideJS {i18n}>
 	{@render children()}
 </ParaglideJS>