diff --git a/app/components/shared/top_bar.tsx b/app/components/shared/top_bar.tsx
index d3b261a..6fd28da 100644
--- a/app/components/shared/top_bar.tsx
+++ b/app/components/shared/top_bar.tsx
@@ -46,6 +46,7 @@ export function TopBar({ isLoginPage }: { isLoginPage: boolean }) {
         <div className="flex min-w-0 flex-1 items-center gap-2">
           <ItemMedia
             variant="logo"
+            className="truncate cursor-pointer"
             onClick={() => navigate(appRoutes.home)}
           >
             <img
@@ -54,7 +55,12 @@ export function TopBar({ isLoginPage }: { isLoginPage: boolean }) {
             />
           </ItemMedia>
           <ItemContent className="min-w-0">
-            <ItemTitle className="truncate">JU Can Eat</ItemTitle>
+            <ItemTitle
+              className="truncate cursor-pointer"
+              onClick={() => navigate(appRoutes.home)}
+            >
+              JU Can Eat
+            </ItemTitle>
           </ItemContent>
         </div>