diff --git a/src/css/contact.css b/src/css/contact.css
index ff2ef28..39719ed 100644
--- a/src/css/contact.css
+++ b/src/css/contact.css
@@ -63,7 +63,7 @@ div#sayHello  #contactForm{
 #contactForm .flName {
     display: flex;
     flex-direction: row;
-    gap: 1em;
+    gap: 1;
 }
 
 #contactForm .formControl {
diff --git a/src/css/main.css b/src/css/main.css
index ff24c64..09c2d38 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -367,6 +367,7 @@
     #contactForm .flName {
         flex-direction: column;
         gap: 0;
+        width: 100%;
     }
 }
 
diff --git a/src/index.html b/src/index.html
index 0f6428d..5cd7d55 100644
--- a/src/index.html
+++ b/src/index.html
@@ -137,6 +137,10 @@
                         <label for="email">Email</label>
                         <input type="email" id="email" name="email">
                     </div>
+                    <div class="formControl">
+                      <label for="subject">Subject</label>
+                      <input type="text" name="subject" id="subject"/>
+                    </div>
                     <div class="formControl">
                         <label for="message">Message</label>
                         <textarea name="message" id="message" cols="30" rows="10"></textarea></div>