From 1e31def7ba3de00668e46934558e411b132d658f Mon Sep 17 00:00:00 2001
From: beabigegg <lin4637lin4637@gmail.com>
Date: Thu, 8 Jan 2026 22:54:39 +0800
Subject: [PATCH] fix: resolve CSS shorthand/non-shorthand property conflict
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace border shorthand with borderWidth, borderStyle, borderColor
to avoid React warning when borderColor is overridden in focused state

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/components/UserSelect.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/UserSelect.tsx b/frontend/src/components/UserSelect.tsx
index 44becae..121b7e9 100644
--- a/frontend/src/components/UserSelect.tsx
+++ b/frontend/src/components/UserSelect.tsx
@@ -166,7 +166,9 @@ const styles: Record<string, React.CSSProperties> = {
     alignItems: 'center',
     justifyContent: 'space-between',
     padding: '10px',
-    border: '1px solid #ddd',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    borderColor: '#ddd',
     borderRadius: '4px',
     backgroundColor: 'white',
     cursor: 'pointer',