diff --git a/resources/views/pages/urgent_list.blade.php b/resources/views/pages/urgent_list.blade.php
index 32c462bc..47047b3a 100644
--- a/resources/views/pages/urgent_list.blade.php
+++ b/resources/views/pages/urgent_list.blade.php
@@ -12,8 +12,7 @@
                     <div class="row">
                         <div class="col">
                             <div class="table-responsive">
-                                <list-component class="hide" ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 2, type: 3, per_page: 10000}"></list-component>
-                                <table class="table table-hover" v-show="!$store.getters.getListData(section).length && !$store.getters.isLoading(section)">
+                                <table class="table table-hover" id="basicTable">
                                     <thead>
                                     <tr>
                                         <th style="width:20%">Date</th>
@@ -23,7 +22,11 @@
                                     </tr>
                                     </thead>
                                     <tbody>
-                                    <urgent-transaction-component v-for="item in $store.getters.getListData('paymentProofSection')" v-bind:key="item.id" :data="item" :data="data"></urgent-transaction-component>
+                                    <list-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 2, type: 3, per_page: 10000}">
+                                        <template slot="list" slot-scope="{data}">
+                                            <urgent-transaction-component :data="data"></urgent-transaction-component>
+                                        </template>
+                                    </list-component>
                                     </tbody>
                                 </table>
                             </div>