diff --git a/app/Services/PdfMaker/Designs/Bold.php b/app/Services/PdfMaker/Designs/Bold.php
index 3e43f9b18966..e7940511c1f1 100644
--- a/app/Services/PdfMaker/Designs/Bold.php
+++ b/app/Services/PdfMaker/Designs/Bold.php
@@ -71,6 +71,12 @@ class Bold extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Business.php b/app/Services/PdfMaker/Designs/Business.php
index ed86575e7433..35aa366115b0 100644
--- a/app/Services/PdfMaker/Designs/Business.php
+++ b/app/Services/PdfMaker/Designs/Business.php
@@ -71,6 +71,12 @@ class Business extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Clean.php b/app/Services/PdfMaker/Designs/Clean.php
index 047761cc1a67..6808e9b9b03a 100644
--- a/app/Services/PdfMaker/Designs/Clean.php
+++ b/app/Services/PdfMaker/Designs/Clean.php
@@ -45,7 +45,7 @@ class Clean extends BaseDesign
     public function elements(array $context, string $type = 'product'): array
     {
         $this->context = $context;
-        
+
         $this->type = $type;
 
         $this->setup();
@@ -70,7 +70,13 @@ class Clean extends BaseDesign
             'product-table' => [
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
-            ]
+            ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Creative.php b/app/Services/PdfMaker/Designs/Creative.php
index a4b2e38ea578..9c473a5a40b0 100644
--- a/app/Services/PdfMaker/Designs/Creative.php
+++ b/app/Services/PdfMaker/Designs/Creative.php
@@ -71,6 +71,12 @@ class Creative extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Elegant.php b/app/Services/PdfMaker/Designs/Elegant.php
index c2a518bbfef6..3abbd460fe7d 100644
--- a/app/Services/PdfMaker/Designs/Elegant.php
+++ b/app/Services/PdfMaker/Designs/Elegant.php
@@ -71,6 +71,12 @@ class Elegant extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Hipster.php b/app/Services/PdfMaker/Designs/Hipster.php
index 21c14d904bc0..a339ddf5fb5b 100644
--- a/app/Services/PdfMaker/Designs/Hipster.php
+++ b/app/Services/PdfMaker/Designs/Hipster.php
@@ -71,6 +71,12 @@ class Hipster extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Modern.php b/app/Services/PdfMaker/Designs/Modern.php
index 96dfa8c83306..fe2499e474e0 100644
--- a/app/Services/PdfMaker/Designs/Modern.php
+++ b/app/Services/PdfMaker/Designs/Modern.php
@@ -71,6 +71,12 @@ class Modern extends BaseDesign
                 'id' => 'company-address',
                 'elements' => $this->companyAddress(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/app/Services/PdfMaker/Designs/Plain.php b/app/Services/PdfMaker/Designs/Plain.php
index 0094b0b62e84..4ca74cde5763 100644
--- a/app/Services/PdfMaker/Designs/Plain.php
+++ b/app/Services/PdfMaker/Designs/Plain.php
@@ -67,6 +67,12 @@ class Plain extends BaseDesign
                 'id' => 'product-table',
                 'elements' => $this->productTable(),
             ],
+            'footer-elements' => [
+                'id' => 'footer',
+                'elements' => [
+                    $this->sharedFooterElements(),
+                ],
+            ],
         ];
     }
 
diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index 025589e20ade..e2b5f47d5f44 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -63,4 +63,6 @@
             <table id="product-table" class="w-full mt-8 table-auto"></table>
         </div>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html
index 768fcc56e625..006412e3e5e6 100644
--- a/resources/views/pdf-designs/business.html
+++ b/resources/views/pdf-designs/business.html
@@ -70,21 +70,7 @@
             id="product-table"
             class="w-full mt-20 rounded table-auto"
         ></table>
-
-        <!-- Balance due card -->
-        <!-- <div class="grid grid-cols-12 my-12">
-        <div class="col-span-6">
-            <p class="font-semibold">$terms-label</p>
-            <p>$terms</p>
-        </div>
-        <div class="col-span-5 col-start-8 lg:col-start-9 lg:col-span-4">
-            <div class="h-auto px-4 py-4 bg-orange-600 rounded-lg">
-                <div class="flex justify-between text-white">
-                    <p>$balance-due-label</p>
-                    <p>$balance-due</p>
-                </div>
-            </div>
-        </div>
-    </div> -->
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html
index df44b4a7b642..c6bced7f6172 100644
--- a/resources/views/pdf-designs/clean.html
+++ b/resources/views/pdf-designs/clean.html
@@ -45,4 +45,6 @@
         <!-- Product table -->
         <table id="product-table" class="table-auto mt-12 w-full"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html
index cf29f49f8c1b..0c76394c0ef0 100644
--- a/resources/views/pdf-designs/creative.html
+++ b/resources/views/pdf-designs/creative.html
@@ -64,4 +64,6 @@
             class="w-full mt-10 border-t-4 border-pink-700 table-auto"
         ></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index 4bb0858a619f..bac9f6564fa7 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -25,8 +25,10 @@
                 <table id="entity-details"></table>
             </div>
             <div class="col-span-6">
-                <p class="text-xl font-semibold uppercase">$your_entity_label</p>
-              </div>
+                <p class="text-xl font-semibold uppercase">
+                    $your_entity_label
+                </p>
+            </div>
         </div>
 
         <!-- Client details, company details -->
@@ -45,7 +47,13 @@
         <table id="product-table" class="w-full mt-10 table-auto"></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>
+        <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>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index b9db88c8619f..c07f41ba5e49 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -26,7 +26,9 @@
                 class="col-span-5 pl-4 border-l border-black"
                 id="client-details"
             >
-                <p class="font-semibold text-yellow-600 uppercase">$to_label:</p>
+                <p class="font-semibold text-yellow-600 uppercase">
+                    $to_label:
+                </p>
             </div>
             <div class="col-span-3">
                 <img
@@ -49,4 +51,6 @@
         <!-- Product table -->
         <table id="product-table" class="w-full mt-10 table-auto"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html
index 22ec9df4c304..e914d685649d 100644
--- a/resources/views/pdf-designs/modern.html
+++ b/resources/views/pdf-designs/modern.html
@@ -62,4 +62,6 @@
             </div>
         </div>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html
index 2e1a70647f31..a3b80423d307 100644
--- a/resources/views/pdf-designs/plain.html
+++ b/resources/views/pdf-designs/plain.html
@@ -45,4 +45,6 @@
         <!-- Product table -->
         <table id="product-table" class="w-full mt-8 table-auto"></table>
     </body>
+
+    <footer id="footer"></footer>
 </html>
diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index b70a6f025c26..7eea8ce1ebf2 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -1,62 +1,71 @@
 <!DOCTYPE html>
 <html>
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+        <meta http-equiv="x-ua-compatible" content="ie=edge" />
 
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+        <link rel="stylesheet" href="$css" />
+    </head>
 
-    <link rel="stylesheet" href="$css" />
-</head>
+    <style>
+        #product-table tbody > tr > td:first-child {
+            color: #9b2c2c;
+        }
 
-<style>
-    #product-table tbody>tr>td:first-child {
-        color: #9b2c2c;
-    }
+        #product-table tbody > tr > td:last-child {
+            color: #9b2c2c;
+            font-weight: bold;
+        }
+    </style>
 
-    #product-table tbody>tr>td:last-child {
-        color: #9b2c2c;
-        font-weight: bold;
-    }
-</style>
-
-<body class="$global-margin antialiased bg-white break-words">
-    <!-- Company logo, entity details -->
-    <div class="grid grid-cols-12 gap-4">
-        <div class="col-span-4">
-            <img src="$company.logo" alt="$company.name logo" class="w-24 col-span-4 sm:w-32" />
-        </div>
-        <div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
-            <table id="entity-details" class="text-white"></table>
-        </div>
-    </div>
-
-    <!-- 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">
-                $your_entity_label
-            </p>
-        </div>
-        <div class="col-span-6">
-            <p class="px-4 font-semibold text-teal-600">$to_label:</p>
-            <div class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed">
-                <div id="client-details"></div>
+    <body class="$global-margin antialiased bg-white break-words">
+        <!-- Company logo, entity details -->
+        <div class="grid grid-cols-12 gap-4">
+            <div class="col-span-4">
+                <img
+                    src="$company.logo"
+                    alt="$company.name logo"
+                    class="w-24 col-span-4 sm:w-32"
+                />
+            </div>
+            <div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
+                <table id="entity-details" class="text-white"></table>
             </div>
         </div>
-        <div class="col-span-6">
-            <p class="px-4 font-semibold text-teal-600">$from_label:</p>
-            <div class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed">
-                <div id="company-details"></div>
-                <div id="company-address"></div>
+
+        <!-- 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">
+                    $your_entity_label
+                </p>
+            </div>
+            <div class="col-span-6">
+                <p class="px-4 font-semibold text-teal-600">$to_label:</p>
+                <div
+                    class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed"
+                >
+                    <div id="client-details"></div>
+                </div>
+            </div>
+            <div class="col-span-6">
+                <p class="px-4 font-semibold text-teal-600">$from_label:</p>
+                <div
+                    class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed"
+                >
+                    <div id="company-details"></div>
+                    <div id="company-address"></div>
+                </div>
             </div>
         </div>
-    </div>
 
-    <!-- Product table -->
-    <table id="product-table" class="w-full mt-10 table-auto"></table>
-</body>
+        <!-- Product table -->
+        <table id="product-table" class="w-full mt-10 table-auto"></table>
+    </body>
 
-<footer id="footer"></footer>
-
-</html>
\ No newline at end of file
+    <footer id="footer"></footer>
+</html>