diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 4f0d23a0..d04eb540 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -139,14 +139,14 @@
     <el-dialog :visible.sync="dialogFormVisible" :fullscreen="true" title="Booking" center>
       <el-form ref="bookingForm" :model="bookingForm" :rules="rules">
         <div align="center">
-          <el-form-item prop="order_no">
-            <el-input v-model="bookingForm.order_no" placeholder="Order No." style="width: 80%" required="true" />
-          </el-form-item>
           <el-form-item prop="payment_for">
             <el-select v-model="bookingForm.payment_for" placeholder="Payment For" style="width: 80%" required="true">
               <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
+          <el-form-item prop="order_no">
+            <el-input v-model="bookingForm.order_no" placeholder="Order No." style="width: 80%" required="true" />
+          </el-form-item>
           <el-form-item prop="account_name">
             <el-input v-model="bookingForm.account_name" placeholder="China Beneficiary Account" style="width: 80%" required="true" />
           </el-form-item>
@@ -280,7 +280,6 @@
       </el-button>
     </div>
     <!-- Booking Table-end -->
-    </div>
   </el-main>
 </template>
 <style>
@@ -329,7 +328,8 @@
           account_name: '',
           bank_name: '',
           bank_branch: '',
-          account_num: ''
+          account_num: '',
+          payment_for: 'Full Payment'
         },
         rules: {
           order_no: [{