diff --git a/app/Http/Resources/TransactionDetailResource.php b/app/Http/Resources/TransactionDetailResource.php
index 1b60cfce..4257a9fb 100644
--- a/app/Http/Resources/TransactionDetailResource.php
+++ b/app/Http/Resources/TransactionDetailResource.php
@@ -16,6 +16,7 @@ class TransactionDetailResource extends JsonResource
     {
         
         return [
+            'id' => $this->id,
             'stockCode' => $this->product_code,
             'description' => $this->product_name,
             'quantity' => $this->quantity,
diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index 1ea2ecf8..dcdb3422 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -19,7 +19,7 @@
                     </div>
                     <div class="row">
                         <div class="col">
-                            <div class="row" v-for="(product, index) in products">
+                            <div class="row" v-for="(product, index) in products" :key="product.id">
                                 <div class="col p-b-10 p-t-10 " :class="[{'b-grey' : index !== Object.keys(products).length - 1}, {'b-b' : index !== Object.keys(products).length - 1}]">
                                     <purchase-order-item-form-component :data="product" :index="index" :currency="data.fixed_currency.short_code" :editable="!submitted" :section="section" @change="updateProduct($event, index)" v-on:remove="removeProduct(index)"></purchase-order-item-form-component>
                                 </div>