diff --git a/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue b/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
index b55cf12f..a962fcb5 100644
--- a/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
@@ -11,34 +11,40 @@
                         </div>
                         <div class="col p-t-5 p-b-5">
                             <div class="row">
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Date</div>
-                                    <div class="font-heading fs-10">
-                                        {{item.updated_at}}
-                                    </div>
-                                </div>
-                                <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>
-                                </div>
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Marking</div>
-                                    <div class="font-heading fs-10">
-                                        {{item.booking.company.reference}}
-                                    </div>
-                                </div>
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Currency</div>
-                                    <div class="font-heading fs-10">
-                                        <span class="flag-icon" :class="'flag-icon-'+item.original_currency.country.short_code.toLowerCase()"></span> {{item.original_currency.short_code}}
-                                    </div>
-                                </div>
                                 <div class="col">
-                                    <div class="font-heading fs-10 muted all-caps">Amount</div>
-                                    <div class="font-heading fs-12 text-success bold">
-                                        {{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
+                                    <div class="row m-b-5">
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Date</div>
+                                            <div class="font-heading fs-10">
+                                                {{item.updated_at}}
+                                            </div>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Currency</div>
+                                            <div class="font-heading fs-10">
+                                                <span class="flag-icon" :class="'flag-icon-'+item.original_currency.country.short_code.toLowerCase()"></span> {{item.original_currency.short_code}}
+                                            </div>
+                                        </div>
+                                        <div class="col">
+                                            <div class="font-heading fs-10 muted all-caps">Amount</div>
+                                            <div class="font-heading fs-12 text-success bold">
+                                                {{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
+                                            </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">
+                                                {{item.booking.marking}}
+                                            </div>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Marking</div>
+                                            <div class="font-heading fs-10">
+                                                {{item.booking.company.reference}}
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>