diff --git a/app/Views/invoice_list.php b/app/Views/invoice_list.php
index cab49ff5..cb6ee294 100644
--- a/app/Views/invoice_list.php
+++ b/app/Views/invoice_list.php
@@ -17,6 +17,9 @@
     #printPdfButton .ri-printer-line {
         font-size: 8px;
     }
+    .dotted-underline {
+    text-decoration: underline dotted;
+    }
     .modal-lg, .modal-xl {
     max-width: 678px;
 }
@@ -71,7 +74,7 @@
                                     <tr>
                                         <td hidden><?= $row['invoice_date']; ?></td>
                                         <td class="preview-pdf" data-order="<?= $row['invoice_number']; ?>" data-invoice-id="<?= $row['invoice_id']; ?>">
-                                            <a href="#" title="Preview PDF"><?= $row['invoice_number']; ?></a>
+                                            <a href="#" title="Preview PDF" style="text-decoration: underline dotted !important;"><?= $row['invoice_number']; ?></a>
                                         </td>
                                         <td class="preview-pdf" data-order="<?= strtotime($row['invoice_date']); ?>" data-invoice-id="<?= $row['invoice_id']; ?>"><?= $invoice_date; ?></td>
                                         <td class="preview-pdf" data-order="<?= $row['customer_name']; ?>" data-invoice-id="<?= $row['invoice_id']; ?>"><?= $row['customer_name']; ?></td>
diff --git a/app/Views/offline_invoice_list.php b/app/Views/offline_invoice_list.php
index 8f82f633..0d924505 100644
--- a/app/Views/offline_invoice_list.php
+++ b/app/Views/offline_invoice_list.php
@@ -19,6 +19,11 @@
     .modal-lg, .modal-xl {
     max-width: 678px;
 }
+</style>
+<style>
+.dotted-underline {
+    text-decoration: underline dotted;
+}
 </style>
     <!-- /* CSS for modal content */
     #pdfPreviewModal .modal-body {
@@ -107,7 +112,7 @@
                                         <tr>
                                             <td hidden><?= $row['invoice_date']; ?></td>
                                             <td class="preview-pdf" data-order="<?= $row['invoice_number']; ?>" data-invoice-id="<?= $row['invoice_id']; ?>">
-                                               <a href="#" title="Preview PDF"><?= $row['invoice_number']; ?></a>
+                                               <a href="#" title="Preview PDF" style="text-decoration: underline dotted !important;"><?= $row['invoice_number']; ?></a>
                                             </td>
                                             <td class="preview-pdf" data-order="<?= strtotime($row['invoice_date']); ?>" data-invoice-id="<?= $row['invoice_id']; ?>"><?= $invoice_date; ?></td>
                                             <td class="preview-pdf" data-order="<?= $row['customer_name']; ?>" data-invoice-id="<?= $row['invoice_id']; ?>"><?= $row['customer_name']; ?></td>