diff --git a/api/Models/Contact.cs b/api/Models/Contact.cs
index 01e8710..5014188 100644
--- a/api/Models/Contact.cs
+++ b/api/Models/Contact.cs
@@ -8,10 +8,11 @@ public class Contact
 
         [Required]
         [MinLength(3)]
-
+        [Display(Name = "Last Name")]
         public string lastName { get; set; }
 
         [Required]
+        [Display(Name = "First Name")]
         public string firstName { get; set; }
 
         public string phone { get; set; }
diff --git a/client-web/components/ContactForm.vue b/client-web/components/ContactForm.vue
index 06275ab..28118fb 100644
--- a/client-web/components/ContactForm.vue
+++ b/client-web/components/ContactForm.vue
@@ -7,12 +7,12 @@
       <form v-on:submit.prevent="onSubmit">
         <div v-bind:class="{ 'has-danger': errors.lastName }" class="form-group">
           <label htmlFor="inputLastName" class="form-control-label">Last Name</label>
-          <input type="text" autoFocus name="lastName" id="inputLastName" v-model="contact.lastName" class="form-control form-control-danger" required />
+          <input type="text" autoFocus name="lastName" id="inputLastName" v-model="contact.lastName" class="form-control form-control-danger" />
           <div class="form-control-feedback">{{ firstError(errors.lastName) }}</div>
         </div>
         <div v-bind:class="{ 'has-danger': errors.firstName }" class="form-group">
           <label htmlFor="inputFirstName" class="form-control-label">First Name</label>
-          <input type="text" name="firstName" id="inputFirstName" v-model="contact.firstName" class="form-control form-control-danger" required />
+          <input type="text" name="firstName" id="inputFirstName" v-model="contact.firstName" class="form-control form-control-danger" />
           <div class="form-control-feedback">{{ firstError(errors.firstName) }}</div>
         </div>
         <div v-bind:class="{ 'has-danger': errors.email }" class="form-group">