add classes on error message

interledger · Jan 16, 2024 · 7a0683f · 7a0683f
1 parent c6cda6f
commit 7a0683f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/input.tsx b/src/components/input.tsx
@@ -50,7 +50,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
         aria-describedby={errorMessage}
         {...props}
       />
-      {errorMessage && <p>{errorMessage}</p>}
+      {errorMessage && <p className="text-error text-sm px-2">{errorMessage}</p>}
     </div>
   )
 })