diff --git a/resources/views/pages/delivery_list.blade.php b/resources/views/pages/delivery_list.blade.php
index 5dcc75bb..ada88828 100644
--- a/resources/views/pages/delivery_list.blade.php
+++ b/resources/views/pages/delivery_list.blade.php
@@ -85,7 +85,7 @@
                             <div class="col">Delivery Date</div>
                             <div class="col text-right">Action</div>
                         </div>
-                        <list-component section="activeContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 1, 'per_page': 30, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
+                        <list-component section="activeContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 1, with_arrival_date: true ,'per_page': 30, order_by: {column: 'arrival_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <warehouse-packing-list-component :data="data"></warehouse-packing-list-component>
                             </template>
@@ -103,7 +103,7 @@
                             <div class="col">status</div>
                             <div class="col">Delivery Date</div>
                         </div>
-                        <list-component section="arrivedContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 2,'per_page': 30, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
+                        <list-component section="arrivedContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 2, with_arrival_date: true ,'per_page': 30, order_by: {column: 'arrival_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <warehouse-packing-list-component :data="data"></warehouse-packing-list-component>
                             </template>
@@ -121,7 +121,7 @@
                             <div class="col">status</div>
                             <div class="col">Delivery Date</div>
                         </div>
-                        <list-component section="completeContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 3, 'per_page': 30, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
+                        <list-component section="completeContainerListSection" :endpoint="route('api.packing_list.list')" :options="{type: 2, 'packing_list_delivery_status': 3, with_arrival_date: true ,'per_page': 30, order_by: {column: 'arrival_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <warehouse-packing-list-component :data="data"></warehouse-packing-list-component>
                             </template>
diff --git a/resources/views/pages/warehouse_list.blade.php b/resources/views/pages/warehouse_list.blade.php
index f9d8183b..e4ab274d 100644
--- a/resources/views/pages/warehouse_list.blade.php
+++ b/resources/views/pages/warehouse_list.blade.php
@@ -7,7 +7,7 @@
                     <h6>Arrived Parcel</h6>
                 </div>
             </div>
-            <list-component section="warehouseListSection" :endpoint="route('api.packing_list.list')" :options="{packing_list_type: 1, packing_list_status: 2, per_page: 5, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
+            <list-component section="warehouseListSection" :endpoint="route('api.packing_list.list')" :options="{packing_list_type: 1, packing_list_status: 2, per_page: 30, order_by: {column: 'arrival_date', DESC: true}, with_arrival_date: true}">
                 <template slot="list" slot-scope="{data}">
                     <parcel-component v-for="packages in data.packages" :data="packages" :key="packages.id"></parcel-component>
                 </template>