From 8d80d4278af3e138b025cfed56edaaf90535b456 Mon Sep 17 00:00:00 2001
From: jessy-david-dev <ultralionfr@gmail.com>
Date: Fri, 10 Apr 2026 19:08:25 +0200
Subject: [PATCH] fix(profile): style logout button in red to signal
 destructive action

---
 app/components/ProfileScreen.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/ProfileScreen.tsx b/app/components/ProfileScreen.tsx
index cd6a199..c7e4539 100644
--- a/app/components/ProfileScreen.tsx
+++ b/app/components/ProfileScreen.tsx
@@ -71,8 +71,11 @@ export function ProfileScreen({ userName, onBack }: { userName: string; onBack:
           </span>
           <h2 className="text-base sm:text-xl font-bold truncate max-w-32 sm:max-w-none">{userName}</h2>
         </div>
-        <button className={btnGhost} onClick={() => signOut({ redirect: false }).then(onBack)}>
-          Déco
+        <button
+          className="min-h-9 px-3 rounded-lg text-xs sm:text-sm font-semibold bg-red-950/40 border border-red-800 text-red-400 hover:bg-red-900/40 hover:text-red-300 cursor-pointer transition-colors"
+          onClick={() => signOut({ redirect: false }).then(onBack)}
+        >
+          Déconnexion
         </button>
       </div>