diff --git a/frontend/src/Components/DashBoard/Topbar.jsx b/frontend/src/Components/DashBoard/Topbar.jsx
index 31495a9..0561d42 100644
--- a/frontend/src/Components/DashBoard/Topbar.jsx
+++ b/frontend/src/Components/DashBoard/Topbar.jsx
@@ -19,6 +19,13 @@ export default function Topbar() {
     { icon: Flame, label: "Streak", path: "/streak" },
   ];
 
+  const handleLogout = () => {
+    try {
+      localStorage.removeItem("token");
+    } catch {}
+    navigate("/login");
+  };
+
   return (
     <header className="flex items-center justify-between bg-[var(--card)] px-3 sm:px-6 py-3 shadow-md sticky top-0 z-50">
       {/* Logo */}
@@ -62,7 +69,7 @@ export default function Topbar() {
             <DropdownMenuItem onClick={() => navigate("/settings")}>
               Settings
             </DropdownMenuItem>
-            <DropdownMenuItem onClick={() => navigate("/logout")}>
+            <DropdownMenuItem onClick={handleLogout}>
               Logout
             </DropdownMenuItem>
           </DropdownMenuContent>