diff --git a/src/app/signup/signup-form.tsx b/src/app/signup/signup-form.tsx
index 656d289..a68a3ee 100644
--- a/src/app/signup/signup-form.tsx
+++ b/src/app/signup/signup-form.tsx
@@ -79,7 +79,7 @@ export function SignupForm() {
         />
       </label>
       {error && (
-        <p className="text-sm text-red-500" role="alert">
+        <p className="text-sm text-destructive" role="alert">
           {error}
         </p>
       )}