From 403d90acd6919a7ace45993788da13e0de33631e Mon Sep 17 00:00:00 2001
From: Ajay Ghanwat <ghanwat.ajay@workroot.in>
Date: Sat, 16 Aug 2025 12:42:50 +0530
Subject: [PATCH] Fixxed bugs with CSS Error

---
 src/components/Form.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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");