diff --git a/src/a3 b/src/a3
index ca3a15f..f798978 100755
Binary files a/src/a3 and b/src/a3 differ
diff --git a/src/a3.nim b/src/a3.nim
index 28e127c..f27442c 100644
--- a/src/a3.nim
+++ b/src/a3.nim
@@ -369,10 +369,10 @@ import
   var val: Validity
   if lname == "":
     val.message = "Last Name is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendLastName(lname, val)
 
 "/validation/fname" -> post:
@@ -380,10 +380,10 @@ import
   var val: Validity
   if fname == "":
     val.message = "First Name is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendFirstName(fname, val)
 
 "/validation/address" -> post:
@@ -391,10 +391,10 @@ import
   var val: Validity
   if address == "":
     val.message = "Address is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendAddress(address, val)
 
 "/validation/state" -> post:
@@ -402,10 +402,10 @@ import
   var val: Validity
   if state == "":
     val.message = "State is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendState(state, val)
 
 "/validation/zip" -> post:
@@ -413,10 +413,10 @@ import
   var val: Validity
   if zip == "":
     val.message = "Zip is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendZip(zip, val)
 
 "/validation/email" -> post:
@@ -424,10 +424,10 @@ import
   var val: Validity
   if email == "":
     val.message = "Email is Required"
-    val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
-    val.class = "text-success"
+    val.mark = ""
   ctx.send sendEmail(email, val)
 
 "/validation/phone" -> post:
@@ -436,9 +436,11 @@ import
   if phone == "":
     val.message = "Phone is Required"
     val.class = "text-danger"
+    val.mark = "is-invalid"
   else:
     val.message = ""
     val.class = "text-success"
+    val.mark = ""
   ctx.send sendPhone(phone, val)
 
 "/contact" -> get:
diff --git a/src/a3a/checkout.nimja b/src/a3a/checkout.nimja
index b1ec703..27155e7 100644
--- a/src/a3a/checkout.nimja
+++ b/src/a3a/checkout.nimja
@@ -171,7 +171,6 @@
                 hx-swap="outerHTML"
               >
                 <label for="c_postal_zip" class="text-black">Posta / Zip <span class="text-danger">*</span></label>
-                {# <label class="text-danger">{{zipError}}</label> #}
                 <input type="text" class="form-control" id="c_postal_zip"
                   hx-post="/validation/zip"
                   name="c_postal_zip"
diff --git a/src/a3pkg/htmx.nim b/src/a3pkg/htmx.nim
index a56d693..c4033be 100644
--- a/src/a3pkg/htmx.nim
+++ b/src/a3pkg/htmx.nim
@@ -4,7 +4,7 @@ import
 type
   Validity* = object
     message*: string
-    class*: string
+    mark*: string
 
 proc sendLastName*(lastName: string, input: Validity): string =
   result = fmt"""
@@ -14,8 +14,8 @@ proc sendLastName*(lastName: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_lname" class="text-black">Last Name <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_lname"
+      <input type="text" class="form-control {input.mark}" id="c_lname"
+        placeholder="{input.message}"
         hx-post="lname"
         name="c_lname"
         value="{lastName}"
@@ -31,8 +31,8 @@ proc sendFirstName*(firstName: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_lname" class="text-black">First Name <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_fname"
+      <input type="text" class="form-control {input.mark}" id="c_fname"
+        placeholder="{input.message}"
         hx-post="/validation/fname"
         name="c_fname"
         value="{firstName}"
@@ -48,8 +48,8 @@ proc sendAddress*(address: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_address" class="text-black">Address <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_address"
+      <input type="text" class="form-control {input.mark}" id="c_address"
+        placeholder="{input.message}"
         hx-post="/validation/address"
         name="c_address"
         value="{address}"
@@ -65,8 +65,8 @@ proc sendState*(state: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_state" class="text-black">State <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_state_country"
+      <input type="text" class="form-control {input.mark}" id="c_state_country"
+        placeholder="{input.message}"
         hx-post="/validation/state"
         name="c_state_country"
         value="{state}"
@@ -82,8 +82,8 @@ proc sendZip*(zip: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_zip" class="text-black">Posta / Zip <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_postal_zip"
+      <input type="text" class="form-control {input.mark}" id="c_postal_zip"
+        placeholder="{input.message}"
         hx-post="/validation/zip"
         name="c_postal_zip"
         value="{zip}"
@@ -99,8 +99,8 @@ proc sendEmail*(email: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_email" class="text-black">Email <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_email_address"
+      <input type="text" class="form-control {input.mark}" id="c_email_address"
+        placeholder="{input.message}"
         hx-post="/validation/email"
         name="c_email_address"
         value="{email}"
@@ -116,8 +116,8 @@ proc sendPhone*(phone: string, input: Validity): string =
       hx-swap="outerHTML"
     >
       <label for="c_phone" class="text-black">Phone <span class="text-danger">*</span></label>
-      <label class="{input.class}">{input.message}</label>
-      <input type="text" class="form-control" id="c_phone"
+      <input type="text" class="form-control {input.mark}" id="c_phone"
+        placeholder="{input.message}"
         hx-post="/validation/phone"
         name="c_phone"
         value="{phone}"