diff --git a/resources/js/app.tsx b/resources/js/app.tsx
index b8d0c91a5..ae0997825 100644
--- a/resources/js/app.tsx
+++ b/resources/js/app.tsx
@@ -8,7 +8,7 @@ import { initializeTheme } from './hooks/use-appearance';
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 createInertiaApp({
-    title: (title) => `${title} - ${appName}`,
+    title: (title) => title ? `${title} - ${appName}` : appName,
     resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
     setup({ el, App, props }) {
         const root = createRoot(el);
diff --git a/resources/js/ssr.tsx b/resources/js/ssr.tsx
index c6cd25a4a..c9fa4824d 100644
--- a/resources/js/ssr.tsx
+++ b/resources/js/ssr.tsx
@@ -10,7 +10,7 @@ createServer((page) =>
     createInertiaApp({
         page,
         render: ReactDOMServer.renderToString,
-        title: (title) => `${title} - ${appName}`,
+        title: (title) => title ? `${title} - ${appName}` : appName,
         resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
         setup: ({ App, props }) => {
             /* eslint-disable */