diff --git a/frontend-web/src/pages/Layout.jsx b/frontend-web/src/pages/Layout.jsx
index 1c5ca921..a5e5a21f 100644
--- a/frontend-web/src/pages/Layout.jsx
+++ b/frontend-web/src/pages/Layout.jsx
@@ -4,6 +4,8 @@ import { Link, useLocation, useNavigate } from "react-router-dom";
 import { createPageUrl } from "@/utils";
 import { base44 } from "@/api/base44Client";
 import { useQuery } from "@tanstack/react-query";
+import { auth } from "@/firebase";
+import { signOut } from "firebase/auth";
 import {
   Users, LayoutDashboard, UserPlus, Calendar, Briefcase, FileText,
   DollarSign, Award, HelpCircle, BarChart3, Activity, Menu, MessageSquare,
@@ -279,7 +281,7 @@ export default function Layout({ children }) {
   const userInitial = userName.charAt(0).toUpperCase();
 
   const handleLogout = () => {
-    base44.auth.logout();
+    signOut(auth);
   };
 
   const handleRefresh = () => {
@@ -482,6 +484,10 @@ export default function Layout({ children }) {
                   <User className="w-4 h-4 mr-2" />My Profile
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
+                <DropdownMenuItem onClick={handleLogout} className="text-red-600 focus:text-red-600">
+                  <LogOut className="w-4 h-4 mr-2" />
+                  <span>Logout</span>
+                </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
           </div>