diff --git a/src/components/input.tsx b/src/components/input.tsx
index ee0b9af0..6087a206 100644
--- a/src/components/input.tsx
+++ b/src/components/input.tsx
@@ -47,7 +47,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
       <input
         ref={ref}
         type={type}
-        className={cn(inputVariants({ loading, hasIcon: !!icon, disabled, error }), className)}
+        className={cn(inputVariants({ loading, disabled }), icon && 'pl-12', error && 'border-error', className)}
         disabled={disabled ?? loading ?? false}
         aria-disabled={disabled ?? loading ?? false}
         {...props}