From 2d39cb3005610c7728f0ff6c44850130af8357db Mon Sep 17 00:00:00 2001
From: sagit <36596628+Sagit-chu@users.noreply.github.com>
Date: Sat, 14 Feb 2026 11:15:34 +0800
Subject: [PATCH] fix(frontend): force remove input focus border and ring
 (#114)

* fix(frontend): remove blue outline on input focus

* fix(frontend): force remove input focus border and ring

* fix: resolve conflict markers in globals.css
---
 vite-frontend/src/styles/globals.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/vite-frontend/src/styles/globals.css b/vite-frontend/src/styles/globals.css
index 62e38a8..aa9d5ba 100644
--- a/vite-frontend/src/styles/globals.css
+++ b/vite-frontend/src/styles/globals.css
@@ -50,10 +50,13 @@ html, body {
   box-shadow: none;
 }
 
-[data-slot="input-wrapper"]:focus-within:not([data-invalid="true"]) {
-  outline: none;
-  outline-offset: 0;
-  box-shadow: none;
+[data-slot="input-wrapper"]:focus-within:not([data-invalid="true"]),
+[data-slot="input-wrapper"][data-focus="true"]:not([data-invalid="true"]),
+[data-slot="input-wrapper"][data-focused="true"]:not([data-invalid="true"]) {
+  border-color: var(--heroui-default-200, #e5e7eb) !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
 }
 
 .safe-top {