diff --git a/public/css/contact.css b/public/css/contact.css
index 019cac2..51ba0b1 100644
--- a/public/css/contact.css
+++ b/public/css/contact.css
@@ -116,9 +116,12 @@
   justify-content: center;
 }
 
-.honeypot {
+input.honeypot {
   position: absolute !important;
   left: -9999px !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
   opacity: 0 !important;
   pointer-events: none !important;
 }
diff --git a/src/views/pages/contact.handlebars b/src/views/pages/contact.handlebars
index 5481681..d33de8a 100644
--- a/src/views/pages/contact.handlebars
+++ b/src/views/pages/contact.handlebars
@@ -8,9 +8,9 @@
 <section>
   <h1>{{title}}</h1>
   <form action="{{formAction}}" method="{{formMethod}}" id="contactForm">
-    <input type="hidden" name="_csrf" value="{{csrfToken}}">
-    {{!-- Honeypot fiel for bot detection --}}
-    <input type="text" name="website" class="honeypot" tabindex="-1" autocomplete="off">
+    <input type="hidden" name="_csrf" value="{{csrfToken}}" />
+    {{!-- Honeypot field for bot detection --}}
+    <input type="text" name="website" class="honeypot" tabindex="-1" autocomplete="off" />
     <div class="form-group">
       <label class="required" for="name">Name</label>
       <input id="name" name="name" placeholder="Your name" required autocomplete="name" />