diff --git a/web/src/components/UserBanner.tsx b/web/src/components/UserBanner.tsx
index b8c127cb..37e187ba 100644
--- a/web/src/components/UserBanner.tsx
+++ b/web/src/components/UserBanner.tsx
@@ -36,6 +36,7 @@ const UserBanner = (props: Props) => {
               "w-auto flex flex-row justify-start items-center cursor-pointer text-gray-800 dark:text-gray-400",
               collapsed ? "px-1" : "px-3",
             )}
+            onClick={() => navigateTo(currentUser ? Routes.ROOT : Routes.EXPLORE)}
           >
             <UserAvatar className="shrink-0" avatarUrl={avatarUrl} />
             {!collapsed && <span className="ml-2 text-lg font-medium text-slate-800 dark:text-gray-300 shrink truncate">{title}</span>}