diff --git a/packages/client/src/resolvers.ts b/packages/client/src/resolvers.ts
index 6d3d416807..2be2e80bb8 100644
--- a/packages/client/src/resolvers.ts
+++ b/packages/client/src/resolvers.ts
@@ -85,9 +85,7 @@ export const resolvers = reactive({
     page: PageData,
     siteLocale: SiteLocaleData
   ): PageHeadTitle =>
-    `${page.title ? `${page.title}` : ``}${
-      siteLocale.title ? ` | ${siteLocale.title}` : ``
-    }`,
+    [page.title, siteLocale.title].filter((item) => !!item).join(' | '),
 
   /**
    * Resolve page language from page data