diff --git a/app/Views/invoice_list.php b/app/Views/invoice_list.php
index 0be12d49..371da015 100755
--- a/app/Views/invoice_list.php
+++ b/app/Views/invoice_list.php
@@ -146,7 +146,7 @@
                 <!-- Placeholder for status -->
                 <a href="#" class="" id="downloadPdfButton" title="Invoice PDF" style="font-size: large;"><i class="ri-file-download-line"></i> </a>
                 <a href="#" class="ri-printer-line" id="printPdfButton" title="Print Invoice" style="font-size: large; margin-left: 8px;"></a>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 27px; margin-bottom: 2px;">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="reloadBodyContent()" style="font-size: 27px; margin-bottom: 2px;">
                     <span id="statusText"></span>
                     <span aria-hidden="true">&times;</span>
                 </button>
@@ -269,4 +269,16 @@
             };
         });
     });
+    function reloadBodyContent() {
+        console.log("Inside Reload Function");
+  fetch(window.location.href) // Fetch the current page's content
+    .then(response => response.text())
+    .then(html => {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(html, 'text/html');
+      document.body.innerHTML = doc.body.innerHTML; // Replace the body content
+      // Reinitialize any required scripts if needed
+    })
+    .catch(error => console.error('Error reloading body:', error));
+}
 </script>
\ No newline at end of file
diff --git a/app/Views/offline_invoice_list.php b/app/Views/offline_invoice_list.php
index 154b65dc..cbb011da 100755
--- a/app/Views/offline_invoice_list.php
+++ b/app/Views/offline_invoice_list.php
@@ -154,8 +154,7 @@
                 <a href="#" class="" id="editInvoiceButton" title="Edit Invoice"style="font-size: large;margin-left: 8px;"><i class="ri-pencil-line"></i> </a>
                 <a href="#"  class="ri-printer-line" id="printPdfButton" title="Print Invoice"style="font-size: large;margin-left: 8px;"></a>
                 <h5 class="modal-title" id="pdfPreviewModalLabel"></h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"style="font-size: 27px;
-    margin-bottom: 2px;">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="reloadBodyContent()" style="font-size: 27px;margin-bottom: 2px;">
       <span id="statusText"></span>
                     <span aria-hidden="true">&times;</span>
                 </button>
@@ -286,6 +285,18 @@
             
         });
     });
+    function reloadBodyContent() {
+        console.log("Inside Reload Function");
+  fetch(window.location.href) // Fetch the current page's content
+    .then(response => response.text())
+    .then(html => {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(html, 'text/html');
+      document.body.innerHTML = doc.body.innerHTML; // Replace the body content
+      // Reinitialize any required scripts if needed
+    })
+    .catch(error => console.error('Error reloading body:', error));
+}
 </script>