diff --git a/src/components/Form.astro b/src/components/Form.astro
index 2f462cd..755d0bf 100644
--- a/src/components/Form.astro
+++ b/src/components/Form.astro
@@ -84,8 +84,8 @@ const formId = `f-${Math.random().toString(36).slice(2)}`;
 
 <!-- Client validation & submit hook (no zod import here) -->
 <script type="module" define:vars={{ formId, showSuccesInput }}>
-    const INVALID_KLS = ["border-danger", "focus-visible:ring-danger/40"];
-    const VALID_KLS = ["border-success", "focus-visible:ring-success/40"];
+    const INVALID_KLS = ["!border-danger", "focus-visible:ring-danger/40"];
+    const VALID_KLS = ["!border-success", "focus-visible:ring-success/40"];
 
     const form = document.getElementById(formId);
     if (!form) throw new Error("Form element not found");