diff --git a/packages/stage-layouts/src/layouts/settings.vue b/packages/stage-layouts/src/layouts/settings.vue
index f40efb786..fe226eaa5 100644
--- a/packages/stage-layouts/src/layouts/settings.vue
+++ b/packages/stage-layouts/src/layouts/settings.vue
@@ -90,7 +90,7 @@ onMounted(() => updateThemeColor())
     <!-- Content -->
     <div class="max-h-[calc(100%-40px)] px-3 py-0 sm:max-h-[calc(100%-56px)] 2xl:max-w-screen-2xl md:py-0 xl:px-4" flex="~ col" mx-auto h-full>
       <PageHeader
-        :title="routeHeaderMetadata?.title"
+        :title="routeHeaderMetadata?.title || ''"
         :subtitle="routeHeaderMetadata?.subtitle"
         :disable-back-button="route.path === '/settings'"
       />
diff --git a/packages/stage-pages/src/pages/settings/index.vue b/packages/stage-pages/src/pages/settings/index.vue
index 0fa5886bc..d7fe9e1ab 100644
--- a/packages/stage-pages/src/pages/settings/index.vue
+++ b/packages/stage-pages/src/pages/settings/index.vue
@@ -52,7 +52,7 @@ const settings = computed(() => {
       >
         <template #item="{ item }">
           <IconItem
-            :title="item.title"
+            :title="item.title || ''"
             :description="item.description"
             :icon="item.icon"
             :to="item.to"