diff --git a/erpnext/www/book-appointment/index.html b/erpnext/www/book-appointment/index.html
index 43a3f1026da..10fe09ab3c0 100644
--- a/erpnext/www/book-appointment/index.html
+++ b/erpnext/www/book-appointment/index.html
@@ -37,8 +37,8 @@
     </div>
 </div>
 <!--Enter Details-->
-<div id="enter-details">
-    <div class="text-center mb-5">
+<div id="enter-details" class="mb-5">
+    <div class="text-center mt-5">
         <h3>Add details</h3>
         <p class="lead">Selected date is <span class="date-span"></span> at <span class="time-span">
             </span></p>
@@ -46,10 +46,11 @@
     <div class="row justify-content-center mt-3">
         <div class="col-md-4 align-items-center">
             <form id="customer-form" action='#'>
-            <input class="form-control mt-3" type="text" name="customer_name" id="customer_name" placeholder="Your Name (required)"required>
+            <input class="form-control mt-3" type="text" name="customer_name" id="customer_name" placeholder="Your Name (required)" required>
             <input class="form-control mt-3" type="tel" name="customer_number" id="customer_number" placeholder="+910000000000">
             <input class="form-control mt-3" type="text" name="customer_skype" id="customer_skype" placeholder="Skype">
-            <input class="form-control mt-3"type="email" name="customer_email" id="customer_email" placeholder="Email Address (required)"required>
+            <input class="form-control mt-3"type="email" name="customer_email" id="customer_email" placeholder="Email Address (required)" required>
+
             <textarea class="form-control mt-3" name="customer_notes" id="customer_notes" cols="30" rows="10"
                 placeholder="Notes"></textarea>
             </form>