diff --git a/resources/assets/vue/components/containers/elements/PackingListComponent.vue b/resources/assets/vue/components/containers/elements/PackingListComponent.vue
index ba20a9e4..b045a891 100644
--- a/resources/assets/vue/components/containers/elements/PackingListComponent.vue
+++ b/resources/assets/vue/components/containers/elements/PackingListComponent.vue
@@ -2,6 +2,8 @@
     <div class="row">
         <div class="col-2"><a :href="route('customer.profile', item.order.company_module.marking)">{{item.order.company_module.marking}}</a>/<a :href="route('order.show', item.order.reference)">{{item.order.reference}}</a></div>
         <div class="col-1 text-center">{{item.packages.reduce((total, obj) => (obj.type === 2 ? 0 : obj.quantity) + total, 0)}}</div>
+        <div class="col-1">{{ (Math.ceil((item.packages.reduce((total, obj) => (obj.type === 2 ? 0 : obj.cbm)+ total, 0)) * 1000) / 1000).toFixed(3)}}</div>
+        <div class="col-1">{{ (Math.ceil((item.packages.reduce((total, obj) => (obj !== 2 ? 0 : obj.cbm) + total, 0)) * 1000) / 1000).toFixed(3)}}</div>
         <div class="col-1">{{ (Math.ceil((item.packages.reduce((total, obj) => obj.cbm + total, 0)) * 1000) / 1000).toFixed(3)}}</div>
         <div class="col-1 bold text-center" :class="{'text-danger': item.status === 5, 'text-success': item.status !== 5}">{{item.transport ? 'Delivery' : item.status === 5 ? 'On Hold' : 'Release'}}</div>
         <div class="col-3">{{item.order.address.contact ? item.order.address.contact.reference+' '+item.order.address.contact.phone : ''}}<br>{{item.order.address.street_one+' '+(item.order.address.street_two ? item.order.address.street_two : '')+', '+ item.order.address.district.name+', '+item.order.address.post_code+' '+item.order.address.state.name+', '+item.order.address.country.name}}<br>{{item.order.address.remark ? item.order.address.remark.content: ''}}</div>
diff --git a/resources/assets/vue/components/containers/sections/PackingListSectionComponent.vue b/resources/assets/vue/components/containers/sections/PackingListSectionComponent.vue
index 84d91e33..c015ceb2 100644
--- a/resources/assets/vue/components/containers/sections/PackingListSectionComponent.vue
+++ b/resources/assets/vue/components/containers/sections/PackingListSectionComponent.vue
@@ -10,6 +10,8 @@
                                 <div class="col-2">Marking</div>
                                 <div class="col-1 text-center">Quantity</div>
                                 <div class="col-1">CBM</div>
+                                <div class="col-1">Overweight CBM</div>
+                                <div class="col-1">Total CBM</div>
                                 <div class="col-1 text-center">status</div>
                                 <div class="col-3">Delivery Details</div>
                                 <div class="col">Delivery Date</div>