diff --git a/web/core/hooks/use-favorite-item-details.tsx b/web/core/hooks/use-favorite-item-details.tsx
index 9513d3e5e7a..918fa79bd5e 100644
--- a/web/core/hooks/use-favorite-item-details.tsx
+++ b/web/core/hooks/use-favorite-item-details.tsx
@@ -1,8 +1,13 @@
+// plane types
 import { IFavorite } from "@plane/types";
+// components
 import {
   generateFavoriteItemLink,
   getFavoriteItemIcon,
 } from "@/components/workspace/sidebar/favorites/favorite-items/common";
+// helpers
+import { getPageName } from "@/helpers/page.helper";
+// hooks
 import { useProject, usePage, useProjectView, useCycle, useModule } from "@/hooks/store";
 
 export const useFavoriteItemDetails = (workspaceSlug: string, favorite: IFavorite) => {
@@ -35,7 +40,7 @@ export const useFavoriteItemDetails = (workspaceSlug: string, favorite: IFavorit
       itemIcon = getFavoriteItemIcon("project", currentProjectDetails?.logo_props || favoriteItemLogoProps);
       break;
     case "page":
-      itemTitle = pageDetail.name || favoriteItemName;
+      itemTitle = getPageName(pageDetail.name || favoriteItemName);
       itemIcon = getFavoriteItemIcon("page", pageDetail?.logo_props || favoriteItemLogoProps);
       break;
     case "view":