diff --git a/src/components/input.tsx b/src/components/input.tsx
index c2b57880..c98ec04e 100644
--- 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>
   )
 })