diff --git a/web/components/nav/nav-bar.tsx b/web/components/nav/bottom-nav-bar.tsx
similarity index 100%
rename from web/components/nav/nav-bar.tsx
rename to web/components/nav/bottom-nav-bar.tsx
diff --git a/web/components/nav/group-nav-bar.tsx b/web/components/nav/group-nav-bar.tsx
index a3b2063d..986f35a1 100644
--- a/web/components/nav/group-nav-bar.tsx
+++ b/web/components/nav/group-nav-bar.tsx
@@ -7,7 +7,7 @@ import TrophyIcon from 'web/lib/icons/trophy-icon'
 import { useUser } from 'web/hooks/use-user'
 import NotificationsIcon from '../notifications-icon'
 import router from 'next/router'
-import { userProfileItem } from './nav-bar'
+import { userProfileItem } from './bottom-nav-bar'
 
 const mobileGroupNavigation = [
   { name: 'Markets', key: 'markets', icon: HomeIcon },
diff --git a/web/components/page.tsx b/web/components/page.tsx
index 826206f4..9b26e9f8 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx'
 import { ReactNode } from 'react'
-import { BottomNavBar } from './nav/nav-bar'
+import { BottomNavBar } from './nav/bottom-nav-bar'
 import Sidebar from './nav/sidebar'
 import { Toaster } from 'react-hot-toast'