From ff2c7b9ccee50c349659ca261803d9b8bf954a46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <emile@getprobo.com>
Date: Mon, 27 Apr 2026 15:09:57 +0400
Subject: [PATCH] Fix invalid input
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <emile@getprobo.com>
---
 packages/ui/src/Atoms/Input/Input.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/Atoms/Input/Input.tsx b/packages/ui/src/Atoms/Input/Input.tsx
index f614882b2..1da27948a 100644
--- a/packages/ui/src/Atoms/Input/Input.tsx
+++ b/packages/ui/src/Atoms/Input/Input.tsx
@@ -29,11 +29,12 @@ export const input = tv({
   base: "w-full disabled:bg-transparent",
   variants: {
     invalid: {
-      true: "border-border-danger",
+      true: "border-border-danger hover:border-e-border-danger",
+      false: "border-border-mid hover:border-border-strong",
     },
     variant: {
       bordered:
-                "py-[6px] bg-secondary border border-border-mid rounded-[10px] hover:border-border-strong text-sm px-3 text-txt-primary",
+                "py-[6px] bg-secondary border  rounded-[10px]  text-sm px-3 text-txt-primary",
       ghost: "text-base text-txt-secondary outline-none",
       title: "text-2xl font-semibold text-txt-primary outline-none",
     },
@@ -56,6 +57,7 @@ export function Input({
       <div
         className={input({
           className: "flex items-center gap-2",
+          invalid,
         })}
         data-focus={focus}
       >
@@ -84,7 +86,7 @@ export function Input({
     <input
       {...props}
       aria-invalid={invalid}
-      className={input(props)}
+      className={input({ invalid, ...props })}
       onChange={(e) => {
         onValueChange?.(e.currentTarget.value);
         props.onChange?.(e);