diff --git a/app/Views/invoice_list.php b/app/Views/invoice_list.php
index f5761ad..9e5fb5a 100755
--- a/app/Views/invoice_list.php
+++ b/app/Views/invoice_list.php
@@ -99,7 +99,8 @@
 
 <div class="modal fade" id="PreviewInvoiceModal" tabindex="-1" role="dialog" aria-labelledby="PreviewInvoiceModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
-            <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; height: 1123px;"> MG-TL -->
+            <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;">
                 <div class="modal-header">
                     <h5 class="modal-title" id="PreviewInvoiceModalLabel"></h5>
                     
diff --git a/app/Views/jobs_list.php b/app/Views/jobs_list.php
index 4fa52d8..961e07b 100755
--- a/app/Views/jobs_list.php
+++ b/app/Views/jobs_list.php
@@ -116,7 +116,8 @@
     </div>
     <div class="modal fade" id="PreviewInvoiceModal" tabindex="-1" role="dialog" aria-labelledby="PreviewInvoiceModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
-            <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; height: 1123px;"> MG-TL -->
+            <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;">
                 <div class="modal-header">
                     <h5 class="modal-title" id="PreviewInvoiceModalLabel"></h5>
                     
@@ -134,7 +135,8 @@
     </div>
     <div class="modal fade" id="PreviewJobcardModal" tabindex="-1" role="dialog" aria-labelledby="PreviewJobcardModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
-            <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; height: 1123px;"> MG-TL -->
+            <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;">
                 <div class="modal-header">
                     <h5 class="modal-title" id="PreviewJobcardModalLabel"></h5>
                     <a href="#" class="ri-download-2-fill ml-3 text-muted font-18" id="downloadJobcardButton" title="Download Jobcard"></a>
@@ -152,6 +154,7 @@
     <div class="modal fade" id="FilesModal" tabindex="-1" role="dialog" aria-labelledby="FilesModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;"> -->
                 <div class="modal-header">
                     <h5 class="modal-title" id="FilesModalLabel"></h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 27px; margin-bottom: 2px;">
diff --git a/app/Views/purchase_list.php b/app/Views/purchase_list.php
index bbc7d6a..a43b152 100755
--- a/app/Views/purchase_list.php
+++ b/app/Views/purchase_list.php
@@ -122,7 +122,8 @@
 <?php include('layout/footer.php'); ?>
     <div class="modal fade" id="PreviewPurchaseOrderModal" tabindex="-1" role="dialog" aria-labelledby="PreviewPurchaseOrderModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
-            <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; height: 1123px;"> MG-TL -->
+            <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;">
                 <div class="modal-header">
                     <h5 class="modal-title" id="PreviewPurchaseOrderModalLabel"></h5>
                     
diff --git a/app/Views/sales_list.php b/app/Views/sales_list.php
index e848f24..d312012 100755
--- a/app/Views/sales_list.php
+++ b/app/Views/sales_list.php
@@ -101,7 +101,8 @@
 
 <div class="modal fade" id="PreviewInvoiceModal" tabindex="-1" role="dialog" aria-labelledby="PreviewInvoiceModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-lg">
-            <div class="modal-content" style="width: 794px; height: 1123px;">
+            <!-- <div class="modal-content" style="width: 794px; height: 1123px;"> MG-TL -->
+            <div class="modal-content" style="width: 794px; max-height: 1123px; overflow-y: auto;">
                 <div class="modal-header">
                     <h5 class="modal-title" id="PreviewInvoiceModalLabel"></h5>