diff --git a/reservation.html b/reservation.html
index cdba4fc..efcf638 100644
--- a/reservation.html
+++ b/reservation.html
@@ -55,26 +55,31 @@
 
     <div class="container">
         <div class="row">
-            <div class="col">
+            <div class="col-md-3">
+            </div>
+            <div class="col-md-6">
                 <h1 class="text-center mt-3">Search for Availability</h1>
 
                 <form action="reservation.html" method="get">
-                    <div class="mb-3">
-                        <label for="start_date" class="form-label">Starting Date</label>
-                        <input type="date" class="form-control" id="start_date" name="start_date"
-                            aria-describedby="startDateHelp">
-                        <small id="startDateHelp" class="form-text text-muted">Enter your starting date in the form of
-                            YYYY-MM-DD</small>
+                    <div class="row">
+                        <div class="col mb-3">
+                            <label for="start_date" class="form-label">Starting Date</label>
+                            <input required type="date" class="form-control" id="start_date" name="start_date"
+                                aria-describedby="startDateHelp">
+                            <small id="startDateHelp" class="form-text text-muted">Enter your starting date in the form
+                                of
+                                YYYY-MM-DD</small>
+                        </div>
+                        <div class="col mb-3">
+                            <label for="end_date" class="form-label">Eding Date</label>
+                            <input required type="date" class="form-control" id="end_date" name="end_date"
+                                aria-describedby="endDateHelp">
+                            <small id="endDateHelp" class="form-text text-muted">Enter your ending date in the form of
+                                YYYY-MM-DD</small>
+                        </div>
                     </div>
                     <div class="mb-3">
-                        <label for="end_date" class="form-label">Eding Date</label>
-                        <input type="date" class="form-control" id="end_date" name="end_date"
-                            aria-describedby="endDateHelp">
-                        <small id="endDateHelp" class="form-text text-muted">Enter your ending date in the form of
-                            YYYY-MM-DD</small>
-                    </div>
-                    <div class="mb-3">
-                        <button type="submit" class="btn btn-primary mb-3">Submit</button>
+                        <button type="submit" class="btn btn-primary mb-3">Search Availability</button>
                     </div>
                 </form>
             </div>