diff --git a/apps/web/components/navigation/navbar/index.tsx b/apps/web/components/navigation/navbar/index.tsx
index 997576e..380c1af 100644
--- a/apps/web/components/navigation/navbar/index.tsx
+++ b/apps/web/components/navigation/navbar/index.tsx
@@ -1,7 +1,14 @@
+'use client';
 import { NavButton } from './nav-button';
 import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
+import { usePathname } from 'next/navigation';
 
 export function BottomNav() {
+  const pathname = usePathname();
+
+  const isFirstLevel = pathname.split('/').length <= 2;
+  if (!isFirstLevel) return null;
+
   return (
     <nav className="fixed inset-x-0 bottom-0 border-t border-border bg-background">
       <div className="grid grid-cols-5">