diff --git a/resources/views/pages/delivery_list.blade.php b/resources/views/pages/delivery_list.blade.php
index 284da34e..5dcc75bb 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}">
+                        <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}">
                             <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}">
+                        <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}">
                             <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}">
+                        <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}">
                             <template slot="list" slot-scope="{data}">
                                 <warehouse-packing-list-component :data="data"></warehouse-packing-list-component>
                             </template>