more...

Author: alindt

src/components/Input.tsx

@@ -70,11 +70,10 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           {customPrefix && (
             <div
               className={cn(
-                inputVariants({
-                  prefixSuffixVariant: error ? "error" : "default",
-                }),
-                "flex h-[42px] w-auto rounded-l-md bg-white px-3 py-2 text-sm ",
-                "border  items-center whitespace-nowrap",
+                "flex h-[42px] w-auto items-center whitespace-nowrap rounded-l-md border border-r-0 bg-white px-3 py-2 text-sm",
+                error
+                  ? "border-red-500/50 text-red-500 dark:border-red-500/50"
+                  : "border-default text-gray-500 dark:bg-nb-gray-900 dark:text-nb-gray-300",
                 props.disabled && "opacity-20",
                 prefixClassName,
               )}