diff --git a/app/Http/Controllers/BookingController.php b/app/Http/Controllers/BookingController.php
index 30f9c2f0..6a2d6e63 100644
--- a/app/Http/Controllers/BookingController.php
+++ b/app/Http/Controllers/BookingController.php
@@ -193,7 +193,7 @@ class BookingController extends Controller
             })
                 
             ->orderby('updated_at','desc')
-            ->paginate(10);
+            ->paginate(30);
 
 			// reformat to fit frontend structure 
 			foreach ($bookings as $booking) {
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 32e7623c..b4b954a4 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -291,6 +291,7 @@
             <el-button slot-scope="scope" type="text" @click="(event) => { BookingStatus(scope.row.status, scope.row.id, scope.row.term) }"> {{ scope.row.id }}</el-button>
           </el-table-column>
           <el-table-column label="DateTime" prop="created_at" width="180" sortable/>
+          <el-table-column label="Marking" width="120" prop="marking" />
           <el-table-column :filters="[{text: 'X1 cash', value: 'x1_cash'}, {text: 'X1 ba', value: 'x1_ba'}, {text: 'X1 cheque', value: 'x1_cheque'}]" :filter-method="filterHandler" label="Term" prop="term" width="100"/> -->
           <el-table-column label="Rate" width="100" prop="rate" sortable/>
           <el-table-column label="Amount" prop="amount" justify="center" width="110" sortable/>