diff --git a/resources/views/pages/containers.blade.php b/resources/views/pages/containers.blade.php
index 81dd9d75..b8ab329b 100644
--- a/resources/views/pages/containers.blade.php
+++ b/resources/views/pages/containers.blade.php
@@ -87,7 +87,7 @@
             <div class="col bg-master-lightest p-1 p-sm-4">
                 <div class="row tabsContainer tabContent" tab-name="active">
                     <div class="col">
-                        <list-component section="activeContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 15, 'status_in': [1], order_by: {column: 'loading_date', DESC: true}}">
+                        <list-component section="activeContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 5, 'status_in': [1], order_by: {column: 'loading_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <container-component :data="data"></container-component>
                             </template>
@@ -96,7 +96,7 @@
                 </div>
                 <div class="row tabsContainer tabContent hide" tab-name="arrived">
                     <div class="col">
-                        <list-component section="arrivedContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 15, 'status_in': [3], 'has_pending_delivery': true, order_by: {column: 'loading_date', DESC: true}}">
+                        <list-component section="arrivedContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 5, 'status_in': [3], 'has_pending_delivery': true, order_by: {column: 'loading_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <container-component :data="data"></container-component>
                             </template>
@@ -105,7 +105,7 @@
                 </div>
                 <div class="row tabsContainer tabContent hide" tab-name="complete">
                     <div class="col">
-                        <list-component section="completeContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 15, 'status_in': [3], 'has_pending_delivery': false, order_by: {column: 'loading_date', DESC: true}}">
+                        <list-component section="completeContainerListSection" :endpoint="route('api.packing_list.container.list')" :options="{'per_page': 5, 'status_in': [3], 'has_pending_delivery': false, order_by: {column: 'loading_date', DESC: true}}">
                             <template slot="list" slot-scope="{data}">
                                 <container-component :data="data"></container-component>
                             </template>