diff --git a/frontend/src/components/layout/Layout.tsx b/frontend/src/components/layout/Layout.tsx
index 0e695ba..b6faf1e 100644
--- a/frontend/src/components/layout/Layout.tsx
+++ b/frontend/src/components/layout/Layout.tsx
@@ -1,5 +1,5 @@
 import type React from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router-dom'
 import BottomNav from './BottomNav'
 import SideNav from './SideNav'
 import { ActionButtonProvider } from '../../contexts/ActionButtonContext'
@@ -72,10 +72,13 @@ function TopBar() {
 }
 
 function AppLayout() {
+  const { pathname } = useLocation()
+  const showTopBar = pathname === '/'
+
   return (
     <ActionButtonProvider>
-      <TopBar />
-      <div style={{ display: 'flex', height: '100dvh', background: 'var(--bg-1)', paddingTop: 44 }}>
+      {showTopBar && <TopBar />}
+      <div style={{ display: 'flex', height: '100dvh', background: 'var(--bg-1)', paddingTop: showTopBar ? 44 : 0 }}>
         <div className="hidden lg:flex" style={{ flexShrink: 0 }}>
           <SideNav />
         </div>