diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 37094f7..0689305 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,13 +1,11 @@
 import { useState } from "react";
 import { Outlet } from "react-router-dom";
 import Sidebar from "./Sidebar";
-import { Menu, LogOut } from "lucide-react";
-import { useNavigate } from "react-router-dom";
+import { Menu } from "lucide-react";
 
 export default function Layout() {
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-  const navigate = useNavigate();
 
   const toggleSidebar = () => {
     setSidebarCollapsed(!sidebarCollapsed);
@@ -17,11 +15,6 @@ export default function Layout() {
     setMobileMenuOpen(!mobileMenuOpen);
   };
 
-  const handleLogout = () => {
-    localStorage.removeItem("isAuthenticated");
-    navigate("/login");
-  };
-
   return (
     <div className="flex h-screen bg-gray-50">
       {/* Desktop Sidebar */}
@@ -76,14 +69,6 @@ export default function Layout() {
                   <div className="text-xs text-gray-500">Administrator</div>
                 </div>
               </div>
-              <button
-                onClick={handleLogout}
-                className="inline-flex items-center px-3 py-2 rounded-md text-red-600 hover:bg-red-50 border border-red-200"
-                title="Keluar"
-              >
-                <LogOut className="h-4 w-4 mr-2" />
-                <span className="hidden sm:inline">Keluar</span>
-              </button>
             </div>
           </div>
         </header>