diff --git a/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue b/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
index aae9b5a7..6394cc49 100644
--- a/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
@@ -3,7 +3,7 @@
         <div class="col-auto">
             <button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-12" data-dismiss="modal">Cancel</button>
         </div>
-        <div class="col">
+        <div class="col text-right">
             <button class="btn btn-lg btn-success b-rad-none all-caps fs-12" @click="submitForm()">Confirm & Proceed</button>
         </div>
     </div>
@@ -29,6 +29,10 @@
                 };
 
                 this.submit(route('api.booking.create'), 'post', this.section, true, true)
+            },
+            successHandler(response){
+                window.location.href = this.route('booking.details', response.payload.data.marking)
+
             }
         },
         mixins: [ModalFormHandler]