diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index 0cd7148f..7cd79f44 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -122,12 +122,11 @@
             <div class="row" v-if="submitted && data.status !== 3">
                 <div class="col-12 col-md-7">
                     <button class="btn btn-xs btn-success b-rad-none" v-if="$store.getters.isAdmin && data.purchase_order.status === 1" @click="submit(route('api.booking.po.approval', data.id), 'post', section, true, true)">Approve Purchase Order</button>
-                    <button class="btn btn-xs btn-warning b-rad-none" v-if="data.documents.proforma_invoice" @click="submit(route('api.booking.proforma.create', data.id), 'post', section, true, true)">Regenerate Proforma Invoice</button>
                     <div class="row">
-                        <div class="col-12 col-lg-6">
+                        <div class="col-12 col-lg-6 b-a b-thick b-dashed">
                             <document-file-viewer-component :file="data.documents.proforma_invoice.files[0]" v-if="data.documents.proforma_invoice">
                                 <template slot="button">
-                                    <div class="bg-master-lightest text-center padding-20 pointer b-grey">
+                                    <div class="text-center padding-20 pointer b-grey">
                                         <div class="m-b-10">
                                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                                     width="45" height="45"
@@ -138,6 +137,7 @@
                                     </div>
                                 </template>
                             </document-file-viewer-component>
+                            <button class="btn btn-xs btn-outline-warning b-rad-none" v-if="data.documents.proforma_invoice" @click="submit(route('api.booking.proforma.create', data.id), 'post', section, true, true)">Regenerate Proforma Invoice</button>
                         </div>
                     </div>
                 </div>