diff --git a/app/Utils/HtmlEngine.php b/app/Utils/HtmlEngine.php
index cc64be253402..0accbcac6f17 100644
--- a/app/Utils/HtmlEngine.php
+++ b/app/Utils/HtmlEngine.php
@@ -95,8 +95,8 @@ class HtmlEngine
         }
 
         $data = [];
-        $data['$global-margin']          = ['value' => 'm-12', 'label' => ''];
-        $data['$global-padding']         = ['value' => 'p-12', 'label' => ''];
+        $data['$global-margin']          = ['value' => 'm-8', 'label' => ''];
+        $data['$global-padding']         = ['value' => 'p-8', 'label' => ''];
         $data['$tax']                    = ['value' => '', 'label' => ctrans('texts.tax')];
         $data['$app_url']                = ['value' => $this->generateAppUrl(), 'label' => ''];
         $data['$from']                   = ['value' => '', 'label' => ctrans('texts.from')];
diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index 66b172cff9b7..522236b12649 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -12,9 +12,16 @@
     </head>
 
     <style>
-        #product-table tbody > tr:nth-child(even) {
+        tbody > tr:nth-child(even) {
             background-color: #edf2f7;
         }
+
+        /** Required for proper margins on print **/
+        @page {
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
     </style>
 
     <body class="antialiased break-words bg-white">
@@ -36,7 +43,6 @@
                 </div>
             </div>
         </div>
-    </div>
 
         <!-- Client details, entity details -->
         <div class="grid grid-cols-12 gap-4 my-12 ml-12">
@@ -60,7 +66,10 @@
 
         <!-- Product table -->
         <div class="$global-margin">
-            <table id="product-table" class="w-full mt-8 table-auto"></table>
+            <table
+                id="product-table"
+                class="w-full table-auto mt-8 $table-padding"
+            ></table>
         </div>
     </body>
 
diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html
index 27b634fd8f00..8ca608c4acae 100644
--- a/resources/views/pdf-designs/business.html
+++ b/resources/views/pdf-designs/business.html
@@ -25,6 +25,14 @@
         tbody > tr > td:first-child {
             color: #d03801;
         }
+
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
     </style>
 
     <body class="$global-margin bg-white break-words antialiased">
@@ -68,7 +76,7 @@
         <!-- Product table -->
         <table
             id="product-table"
-            class="w-full mt-20 rounded table-auto"
+            class="w-full mt-20 rounded table-auto $table-padding"
         ></table>
     </body>
 
diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html
index e2ba8da00ae2..82dcc81cb2ff 100644
--- a/resources/views/pdf-designs/clean.html
+++ b/resources/views/pdf-designs/clean.html
@@ -15,6 +15,14 @@
         #product-table tbody > tr:nth-child(even) {
             background-color: #f7fafc;
         }
+
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
     </style>
 
     <body class="$global-margin bg-white break-words antialiased">
@@ -34,7 +42,7 @@
         </div>
 
         <!-- Entity labels, client details -->
-        <p class="mt-10 px-2 text-xl text-blue-500 uppercase">$entity_label</p>
+        <p class="px-2 mt-10 text-xl text-blue-500 uppercase">$entity_label</p>
         <div class="grid grid-cols-12 px-2 py-3 mt-4 border-t border-b">
             <div class="col-span-6">
                 <table id="entity-details"></table>
@@ -43,7 +51,10 @@
         </div>
 
         <!-- Product table -->
-        <table id="product-table" class="table-auto mt-12 w-full"></table>
+        <table
+            id="product-table"
+            class="table-auto w-full mt-12 $table-padding"
+        ></table>
     </body>
 
     <footer id="footer"></footer>
diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html
index b2966f0b15e4..e641b0eb2ca7 100644
--- a/resources/views/pdf-designs/creative.html
+++ b/resources/views/pdf-designs/creative.html
@@ -19,6 +19,14 @@
         #product-table tbody > tr:nth-child(odd) {
             background-color: #f7fafc;
         }
+
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
     </style>
 
     <body class="$global-margin antialiased bg-white break-words">
@@ -61,7 +69,7 @@
 
         <table
             id="product-table"
-            class="w-full mt-10 border-t-4 border-pink-700 table-auto"
+            class="w-full mt-10 border-t-4 border-pink-700 table-auto $table-padding"
         ></table>
     </body>
 
diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index e1af98fcf444..8e83fd5b49da 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -11,6 +11,16 @@
         <link rel="stylesheet" href="$app_url/css/tailwindcss@1.4.6.css" />
     </head>
 
+    <style>
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
+    </style>
+
     <body class="$global-margin antialiased bg-white break-words">
         <!-- Company logo, entity details -->
         <div class="grid grid-cols-12 gap-4 pb-6 border-b-4 border-black">
@@ -44,16 +54,19 @@
         </div>
 
         <!-- Product table -->
-        <table id="product-table" class="w-full mt-10 table-auto"></table>
+        <table
+            id="product-table"
+            class="w-full mt-10 table-auto $table-padding"
+        ></table>
 
         <!-- Thanks label -->
-        <p
-            class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black"
-        >
-            $thanks_label
-        </p>
-        <div class="w-full border-black order-b wpy-1"></div>
+        <div id="footer">
+            <p
+                class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black"
+            >
+                $thanks_label
+            </p>
+            <div class="w-full border-black order-b wpy-1"></div>
+        </div>
     </body>
-
-    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index 94f2d7e8b536..f77115e9194d 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -11,6 +11,16 @@
         <link rel="stylesheet" href="$app_url/css/tailwindcss@1.4.6.css" />
     </head>
 
+    <style>
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
+    </style>
+
     <body class="$global-margin antialiased break-words bg-white">
         <!-- Company details, address, client details, company logo -->
         <div class="grid grid-cols-12 gap-4">
@@ -49,7 +59,10 @@
         ></div>
 
         <!-- Product table -->
-        <table id="product-table" class="w-full mt-10 table-auto"></table>
+        <table
+            id="product-table"
+            class="w-full mt-10 table-auto $table-padding"
+        ></table>
     </body>
 
     <footer id="footer"></footer>
diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html
index 159d9f41d4dc..089c8f93c3d2 100644
--- a/resources/views/pdf-designs/modern.html
+++ b/resources/views/pdf-designs/modern.html
@@ -30,8 +30,8 @@
 
         <div class="$global-margin">
             <!-- Company logo, client details -->
-            <div class="col-span-12 mb-10">
-                <p class="text-xl text-orange-600 font-semibold uppercase">
+            <div class="col-span-12 mt-6 mb-10">
+                <p class="text-xl font-semibold text-orange-600 uppercase">
                     $your_entity_label
                 </p>
             </div>
@@ -45,11 +45,14 @@
             </div>
 
             <!-- Product table -->
-            <table id="product-table" class="w-full mt-8 table-auto"></table>
+            <table
+                id="product-table"
+                class="w-full mt-8 mb-10 table-auto $table-padding"
+            ></table>
         </div>
 
         <!-- Company details -->
-        <div class="bg-orange-600">
+        <footer id="footer" class="fixed bottom-0 w-full bg-orange-600">
             <div class="$global-padding">
                 <div class="grid grid-cols-12">
                     <div
@@ -60,8 +63,6 @@
                     </div>
                 </div>
             </div>
-        </div>
+        </footer>
     </body>
-
-    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html
index 1d7085d61394..45a3d4135ac1 100644
--- a/resources/views/pdf-designs/plain.html
+++ b/resources/views/pdf-designs/plain.html
@@ -11,6 +11,16 @@
         <link rel="stylesheet" href="$app_url/css/tailwindcss@1.4.6.css" />
     </head>
 
+    <style>
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
+    </style>
+
     <body class="$global-margin antialiased break-words bg-white">
         <!-- Company name, company address, company logo -->
         <div class="grid grid-cols-12 gap-4">
@@ -35,7 +45,7 @@
         <!-- Client details -->
         <div class="grid grid-cols-12 mt-12">
             <div class="col-span-12 mb-10">
-                <p class="text-xl text-black font-semibold uppercase">
+                <p class="text-xl font-semibold text-black uppercase">
                     $your_entity_label
                 </p>
             </div>
@@ -43,7 +53,10 @@
         </div>
 
         <!-- Product table -->
-        <table id="product-table" class="w-full mt-8 table-auto"></table>
+        <table
+            id="product-table"
+            class="w-full mt-8 table-auto $table-padding"
+        ></table>
     </body>
 
     <footer id="footer"></footer>
diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index c748c3c3ff60..a718a0be1730 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -20,6 +20,14 @@
             color: #9b2c2c;
             font-weight: bold;
         }
+
+        /** Required for proper margins on print **/
+        @page {
+            margin-top: 8.5mm;
+            margin-bottom: 8.5mm;
+        }
+
+        /** Custom CSS goes here.. */
     </style>
 
     <body class="$global-margin antialiased bg-white break-words">
@@ -40,7 +48,7 @@
         <!-- Company details, client details -->
         <div class="grid grid-cols-12 gap-12 mt-12">
             <div class="col-span-12">
-                <p class="text-xl text-teal-600 font-semibold uppercase">
+                <p class="text-xl font-semibold text-teal-600 uppercase">
                     $your_entity_label
                 </p>
             </div>
@@ -64,7 +72,10 @@
         </div>
 
         <!-- Product table -->
-        <table id="product-table" class="w-full mt-10 table-auto"></table>
+        <table
+            id="product-table"
+            class="w-full mt-10 table-auto $table-padding"
+        ></table>
     </body>
 
     <footer id="footer"></footer>
