diff --git a/public/css/app.css b/public/css/app.css
index 6cc37b582..b1338d29e 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -57065,6 +57065,10 @@ body{
     border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
   }
 
+  .sm\:p-7{
+    padding: 1.75rem;
+  }
+
   .sm\:px-0{
     padding-left: 0px;
     padding-right: 0px;
diff --git a/public/css/print.css b/public/css/print.css
index c19970f17..335dbec07 100644
--- a/public/css/print.css
+++ b/public/css/print.css
@@ -767,69 +767,63 @@ html[dir='rtl'] .print-heading {
 .classic-invoice {
     margin-top: 10px;
 }
+/*--Print --*/
 
-.col-60
-{
+.col-60 {
     display: inline-block;
-    width: 100%;
+    width: 60%;
     vertical-align: top;
 }
 
-.col-50
-{
+.col-50 {
     display: inline-block;
-    width: 100%;
+    width: 50%;
     vertical-align: top;
 }
 
-.col-40
-{
+.col-40 {
     display: inline-block;
-    width: 100%;
+    width: 40%;
     vertical-align: top;
 }
-.col-58
-{
+
+.col-58{
     display: inline-block;
     width: 58%;
     vertical-align: top;
 }
-.col-42
-{
+
+.col-42 {
     display: inline-block;
     width: 42%;
     vertical-align: top;
 }
-.col-16
-{
+
+.col-16 {
     display: inline-block;
     max-width: 16%;
     vertical-align: top;
 }
-/*--Print --*/
 
-@media (min-width: 991px) {
-    .col-60
-    {
-        display: inline-block;
-        width: 60%;
-        vertical-align: top;
-    }
-    
-    .col-50
-    {
+@media (max-width: 480px) {
+    .col-60 {
         display: inline-block;
         width: 50%;
         vertical-align: top;
     }
-    
-    .col-40
-    {
+
+    .col-40 {
         display: inline-block;
-        width: 40%;
+        width: 50%;
         vertical-align: top;
     }
 
+    .mt-classic {
+        margin-top: -1px;
+    }
+}
+
+@media (min-width: 991px) {
     .classic-invoice {
         margin-top: unset;
     }
diff --git a/resources/views/components/documents/show/template.blade.php b/resources/views/components/documents/show/template.blade.php
index dddf6c1e5..cfb0e17ba 100644
--- a/resources/views/components/documents/show/template.blade.php
+++ b/resources/views/components/documents/show/template.blade.php
@@ -1,4 +1,4 @@
-<div class="p-7 shadow-2xl rounded-2xl">
+<div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
     @switch($documentTemplate)
         @case('classic')
             <x-documents.template.classic
diff --git a/resources/views/components/documents/template/classic.blade.php b/resources/views/components/documents/template/classic.blade.php
index 8db235238..a9ea76999 100644
--- a/resources/views/components/documents/template/classic.blade.php
+++ b/resources/views/components/documents/template/classic.blade.php
@@ -81,8 +81,8 @@
 
     <div class="row mt-2">
         <div class="col-33">
-            <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
-            <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
+            <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
+            <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
         </div>
 
         <div class="col-33">
@@ -106,8 +106,8 @@
         </div>
 
         <div class="col-33">
-            <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
-            <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
+            <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
+            <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
         </div>
     </div>
 
diff --git a/resources/views/components/transactions/show/template.blade.php b/resources/views/components/transactions/show/template.blade.php
index 61c623878..72a6dd215 100644
--- a/resources/views/components/transactions/show/template.blade.php
+++ b/resources/views/components/transactions/show/template.blade.php
@@ -1,4 +1,4 @@
-<div class="p-7 shadow-2xl rounded-2xl">
+<div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
     @switch($transactionTemplate)
         @case('classic')
             @break
diff --git a/resources/views/components/transfers/show/content.blade.php b/resources/views/components/transfers/show/content.blade.php
index 5db189ec4..6d7529531 100644
--- a/resources/views/components/transfers/show/content.blade.php
+++ b/resources/views/components/transfers/show/content.blade.php
@@ -8,7 +8,7 @@
     </div>
 
     <div class="w-full lg:w-7/12">
-        <div class="p-7 shadow-2xl rounded-2xl">
+        <div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
             <x-transfers.show.template :model="$transfer" />
         </div>
     </div>