From 18bf8f9a2ca950198e02b30cbd5ad5b8efa22e24 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 17 Oct 2025 12:56:47 +0200
Subject: [PATCH] ui(debug): use existing color pattern for red disconnect
 button with proper styling and hover effects

---
 src/components/Debug.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index 300d5b73..87f92bc1 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -260,7 +260,18 @@ const Debug: React.FC = () => {
               </div>
                   <button
                     className="btn"
-                    style={{ background: 'rgb(220 38 38)', color: 'white', border: 'none' }}
+                    style={{ 
+                      background: 'rgb(220 38 38)', 
+                      color: 'white', 
+                      border: '1px solid rgb(220 38 38)',
+                      padding: '0.75rem 1.5rem',
+                      borderRadius: '6px',
+                      fontSize: '1rem',
+                      cursor: 'pointer',
+                      transition: 'background-color 0.2s'
+                    }}
+                    onMouseEnter={(e) => e.currentTarget.style.background = 'rgb(185 28 28)'}
+                    onMouseLeave={(e) => e.currentTarget.style.background = 'rgb(220 38 38)'}
                     onClick={() => accountManager.removeAccount(activeAccount)}
                   >
                     Disconnect