diff --git a/src/features/navigation-bar/components/MobileBottomBar.tsx b/src/features/navigation-bar/components/MobileBottomBar.tsx
index f01702eb..8f068c97 100644
--- a/src/features/navigation-bar/components/MobileBottomBar.tsx
+++ b/src/features/navigation-bar/components/MobileBottomBar.tsx
@@ -60,6 +60,7 @@ export const MobileBottomBar = ({ navBarItems }: { navBarItems: NavbarItem[] })
                                 },
                             },
                         }}
+                        forceCollapsed
                     />
                 ))}
             </Stack>
diff --git a/src/features/navigation-bar/components/NavigationBarItem.tsx b/src/features/navigation-bar/components/NavigationBarItem.tsx
index 19aeac42..cc62a738 100644
--- a/src/features/navigation-bar/components/NavigationBarItem.tsx
+++ b/src/features/navigation-bar/components/NavigationBarItem.tsx
@@ -29,17 +29,21 @@ export const NavigationBarItem = ({
     SelectedIconComponent,
     useBadge,
     slots,
+    forceCollapsed,
 }: NavbarItem & {
     slots?: {
         listItemLink?: Partial<ComponentProps<typeof ListItemLink>>;
     };
+    forceCollapsed?: boolean;
 }) => {
     const { t } = useLingui();
     const location = useLocation();
-    const { isCollapsed } = useNavBarContext();
+    const { isCollapsed: isCollapsedContext } = useNavBarContext();
     const theme = useTheme();
     const badgeInfo = useBadge?.();
 
+    const isCollapsed = forceCollapsed ?? isCollapsedContext;
+
     const isActive = location.pathname.startsWith(path);
     const Icon = isActive ? SelectedIconComponent : IconComponent;