diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index 2804dbcb..2974479b 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -233,13 +233,13 @@
               };
             },
             updateProduct(product, index){
-                this.products[index] = {
+                this.$set(this.products, index, {
                     stockCode: product.stockCode,
                     description: product.description,
                     quantity: product.quantity,
                     unit_price: parseFloat((product.unit_price).toString().replace(',', '')),
                     total: product.quantity * parseFloat((product.unit_price).toString().replace(',', ''))
-                };
+                });
                 console.log(this.poTotal);
             },
             removeProduct(index){