From 12d4d9edb4dcf2c0e64befeb191598808add5b57 Mon Sep 17 00:00:00 2001
From: masongga <auckmason@gmail.com>
Date: Sun, 24 May 2026 10:36:26 -0600
Subject: [PATCH] fixed mobile view logout button

---
 components/logout-button.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/logout-button.tsx b/components/logout-button.tsx
index f8a0dc0..ef83a82 100644
--- a/components/logout-button.tsx
+++ b/components/logout-button.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { LogOut } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 import { Button } from "@/components/ui/button";
@@ -16,5 +17,14 @@ export function LogoutButton() {
     router.refresh();
   };
 
-  return <Button onClick={logout}>Logout</Button>;
+  return (
+    <Button
+      onClick={logout}
+      aria-label="Logout"
+      className="h-10 w-10 shrink-0 px-0 sm:w-auto sm:px-4"
+    >
+      <LogOut aria-hidden="true" className="sm:hidden" />
+      <span className="hidden sm:inline">Logout</span>
+    </Button>
+  );
 }