diff --git a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
index 8d36021b..34365fbc 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
@@ -32,13 +32,15 @@
                             <i class="fa" :class="[{'fa-cloud-download': item.status === 1 || item.status === 2}, {'fa-ban': item.status === 4}, {'muted': item.status === 1 || item.status === 2}, {'text-danger':  item.status === 4}]"></i>
                         </div>
                     </div>
-                    <div class="row align-items-center h-100" v-if="item.payment_method === 5">
+                    <div class="row align-items-center h-100" v-if="item.type === 1 && item.payment_method === 5">
                         <div class="col">
-                            <i class="fa fa-cloud-download muted" v-if="item.status === 2"></i>
                             <a :href="'https://www.billplz-sandbox.com/bills/'+item.payment_reference"><i class="fa fa-repeat text-success" v-if="item.status !== 2"></i></a>
                         </div>
                     </div>
                 </div>
+                <div class="col-auto bg-master-lighter" v-if="item.type === 3 && item.status === 1">
+                    <i class="fa fa-cloud-download muted" v-if="item.status === 2"></i>
+                </div>
                 <div class="col-auto bg-success" v-if="item.type === 3 && (item.status === 2 || item.status === 3)">
                     <document-file-viewer-component class="h-100" :file="item.documents.files[0]">
                         <template slot="button">