From 988b804b9010a7547f180711138af794e521339b Mon Sep 17 00:00:00 2001
From: Pouzor <remy.jardinet@gmail.com>
Date: Fri, 24 Apr 2026 12:01:30 +0200
Subject: [PATCH] fix: subtle hover border (#8b949e) and remove redundant
 tabIndex on button elements

---
 frontend/src/components/modals/NodeModal.tsx                | 2 --
 frontend/src/components/modals/modal-interactive.module.css | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/components/modals/NodeModal.tsx b/frontend/src/components/modals/NodeModal.tsx
index f45514d..d6b0976 100644
--- a/frontend/src/components/modals/NodeModal.tsx
+++ b/frontend/src/components/modals/NodeModal.tsx
@@ -139,7 +139,6 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
                 type="button"
                 onClick={() => setIconPickerOpen((o) => !o)}
                 className={`flex items-center justify-between gap-2 h-8 px-3 bg-[#21262d] border border-[#30363d] text-sm transition-colors w-full cursor-pointer ${modalStyles['modal-interactive']} ${modalStyles['modal-radius']}`}
-                tabIndex={0}
                 aria-label="Icon picker trigger"
               >
                 <span className="flex items-center gap-2 min-w-0">
@@ -186,7 +185,6 @@ export function NodeModal({ open, onClose, onSubmit, initial, title = 'Add Node'
                                 title={entry.label}
                                 onClick={() => { set('custom_icon', isSelected ? undefined : entry.key); setIconPickerOpen(false) }}
                                 className={`flex items-center justify-center w-7 h-7 rounded transition-colors cursor-pointer ${modalStyles['modal-interactive']}`}
-                                tabIndex={0}
                                 aria-label={`Select icon ${entry.label}`}
                                 style={{
                                   background: isSelected ? '#00d4ff22' : 'transparent',
diff --git a/frontend/src/components/modals/modal-interactive.module.css b/frontend/src/components/modals/modal-interactive.module.css
index 022d6a2..45650b5 100644
--- a/frontend/src/components/modals/modal-interactive.module.css
+++ b/frontend/src/components/modals/modal-interactive.module.css
@@ -22,6 +22,6 @@
 }
 .modal-interactive:hover,
 .modal-interactive:focus {
-  border-color: #fff !important;
+  border-color: #8b949e !important;
   outline: none;
 }