diff --git a/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue b/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
index e3b9d76e..f984ee51 100644
--- a/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
@@ -13,6 +13,20 @@
                             <div class="row">
                                 <div class="col">
                                     <div class="row m-b-5">
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">reference</div>
+                                            <div class="font-heading fs-10">
+                                                <a :href="route('booking.details', item.booking.marking)">{{item.booking.marking}}</a>
+                                            </div>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Marking</div>
+                                            <div class="font-heading fs-10">
+                                                <a :href="route('customer.profile', item.booking.company.reference)">{{item.booking.company.reference}}</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row">
                                         <div class="col-auto">
                                             <div class="font-heading fs-10 muted all-caps">Date</div>
                                             <div class="font-heading fs-10">
@@ -32,20 +46,6 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="row">
-                                        <div class="col-auto">
-                                            <div class="font-heading fs-10 muted all-caps">reference</div>
-                                            <div class="font-heading fs-10">
-                                                <a :href="route('booking.details', item.booking.marking)">{{item.booking.marking}}</a>
-                                            </div>
-                                        </div>
-                                        <div class="col-auto">
-                                            <div class="font-heading fs-10 muted all-caps">Marking</div>
-                                            <div class="font-heading fs-10">
-                                                <a :href="route('customer.profile', item.booking.company.reference)">{{item.booking.company.reference}}</a>
-                                            </div>
-                                        </div>
-                                    </div>
                                 </div>
                             </div>
                         </div>