diff --git a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
index 7772b761..b684d64e 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
@@ -8,9 +8,11 @@
                             <div class="row">
                                 <div class="col-auto">
                                     <div class="font-heading fs-10 muted all-caps">Reference</div>
-                                    <div class="font-heading fs-10">
-                                        {{item.booking.marking}}
-                                    </div>
+                                    <a :href="route('booking.details', item.booking.marking)">
+                                        <div class="font-heading fs-10">
+                                            {{item.booking.marking}}
+                                        </div>
+                                    </a>
                                 </div>
                                 <div class="col-auto">
                                     <div class="font-heading fs-10 muted all-caps">Date</div>