diff --git a/src/components/PurchaseOrderDetail.vue b/src/components/PurchaseOrderDetail.vue
index 0e1a379a..39b16f9f 100644
--- a/src/components/PurchaseOrderDetail.vue
+++ b/src/components/PurchaseOrderDetail.vue
@@ -1,5 +1,8 @@
 <template> 
-  <div v-for="(poItems, index) in itemsByPoId" :key="index">
+  <div v-if="!itemsByPoId ||  Object.keys(itemsByPoId).length === 0" class="empty-state ion-margin-top">
+    {{ translate("No purchase orders found") }}
+  </div>
+  <div v-else v-for="(poItems, index) in itemsByPoId" :key="index">
     <ion-item lines="none">
       <h3>{{ index }}</h3>
     </ion-item>
diff --git a/src/locales/en.json b/src/locales/en.json
index ad62190b..8f30e641 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -147,6 +147,7 @@
   "No logs found": "No logs found",
   "No product found": "No product found",
   "No products found": "No products found",
+  "No purchase orders found": "No purchase orders found",
   "No results found": "No results found",
   "No time zone found": "No time zone found",
   "No shop selected": "No shop selected",
diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
index baf70ef5..06607b83 100644
--- a/src/views/PurchaseOrder.vue
+++ b/src/views/PurchaseOrder.vue
@@ -113,6 +113,11 @@ export default defineComponent({
         try {
           if (file) {
             this.file = file;
+            this.selectedMappingId = "";
+            this.fieldMapping = Object.keys(this.fields).reduce((map, field) => {
+              map[field] = "";
+              return map;
+            }, {});
             this.content = await this.parseCsv(this.file);
             this.fileColumns = Object.keys(this.content[0]);
             showToast(translate("File uploaded successfully"));
@@ -121,6 +126,7 @@ export default defineComponent({
           }
         } catch {
           this.content = []
+          this.selectedMappingId = ""; 
           showToast(translate("Please upload a valid purchase order csv to continue"));
         }
       },