diff --git a/docs/app/pages/[...slug].vue b/docs/app/pages/[...slug].vue
index eee98411..e5d0be48 100644
--- a/docs/app/pages/[...slug].vue
+++ b/docs/app/pages/[...slug].vue
@@ -29,8 +29,8 @@ const headline = computed(() => findPageHeadline(page.value))
 
 useSeoMeta({
   titleTemplate: '%s - Nuxt UI',
-  title: page.value.title,
-  ogTitle: `${page.value.title} - Nuxt UI`,
+  title: page.value.navigation?.title || page.value.title,
+  ogTitle: `${page.value.navigation?.title || page.value.title} - Nuxt UI`,
   description: page.value.description,
   ogDescription: page.value.description
 })