diff --git a/web/src/components/Header/index.tsx b/web/src/components/Header/index.tsx
index f2eff014..d85a84b0 100644
--- a/web/src/components/Header/index.tsx
+++ b/web/src/components/Header/index.tsx
@@ -135,9 +135,10 @@ const AppHeader: FC<{source?: 'space' | 'manage';}> = ({source = 'manage'}) => {
    * - Disables navigation for the last breadcrumb item
    */
   const formatBreadcrumbNames = () => {
-    return breadcrumbs.filter(item => item.type !== 'group').map((menu, index) => {
+    const filtered = breadcrumbs.filter(item => item.type !== 'group');
+    return filtered.map((menu, index) => {
       const label = menu.i18nKey ? t(menu.i18nKey) : menu.label;
-      const isLast = index === breadcrumbs.length - 1;
+      const isLast = index === filtered.length - 1;
       const item: any = {
         title: (
           <Tooltip title={label} placement="bottom">