diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index ba3a39b1..3e800820 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -100,7 +100,7 @@
                 </div>
             </div>
             <div class="row">
-                <div class="col-7">
+                <div class="col-12 col-md-7">
                     <div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3) > (Math.round((data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)">
                         <div class="col">
                             <div class="alert alert-warning padding-15" role="alert" v-if="false">
@@ -117,7 +117,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-5" v-if="data.company.address">
+                <div class="col-12 col-md-5" v-if="data.company.address">
                     <div class="row align-items-end p-t-10 p-b-10">
                         <div class="col">
                             <div class="font-heading all-caps fs-12 bold">Total:</div>