diff --git a/resources/views/pdf-designs/new/bold.html b/resources/views/pdf-designs/new/bold.html
index 88e363038e7d..1cf41f0eb7ca 100644
--- a/resources/views/pdf-designs/new/bold.html
+++ b/resources/views/pdf-designs/new/bold.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     </head>
 
-    <style>
+    <style id="style">
         * {
             margin: 0;
             padding: 0;
@@ -111,8 +111,8 @@
         }
     </style>
 
-    <body>
-        <div class="header-wrapper">
+    <body id="body">
+        <div class="header-wrapper" id="header">
             <div> <!-- Empty space placeholder--> </div>
 
             <div id="company-details"></div>
diff --git a/resources/views/pdf-designs/new/business.html b/resources/views/pdf-designs/new/business.html
index 53851b49643d..654f611a9e3a 100644
--- a/resources/views/pdf-designs/new/business.html
+++ b/resources/views/pdf-designs/new/business.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
@@ -137,8 +137,8 @@
         </style>
     </head>
 
-    <body>
-        <div class="header-container">
+    <body id="body">
+        <div class="header-container" id="header">
             <img
                 src="$company.logo"
                 class="company-logo"
diff --git a/resources/views/pdf-designs/new/clean.html b/resources/views/pdf-designs/new/clean.html
index 3fd80fc0ed83..83aa11bd745c 100644
--- a/resources/views/pdf-designs/new/clean.html
+++ b/resources/views/pdf-designs/new/clean.html
@@ -1,11 +1,11 @@
 <!-- Template: Clean -->
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             body {
                 margin: 2rem;
                 -webkit-font-smoothing: antialiased;
@@ -111,8 +111,8 @@
         </style>
     </head>
 
-    <body>
-        <div class="header-container">
+    <body id="body">
+        <div class="header-container" id="header">
             <img
                 class="company-logo"
                 src="$company.logo"
diff --git a/resources/views/pdf-designs/new/creative.html b/resources/views/pdf-designs/new/creative.html
index ecb74b578d4f..e5898090f2f1 100644
--- a/resources/views/pdf-designs/new/creative.html
+++ b/resources/views/pdf-designs/new/creative.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -104,8 +104,8 @@
         </style>
     </head>
 
-    <body class="background">
-        <div class="header-wrapper">
+    <body id="body">
+        <div class="header-wrapper" id="header">
             <div id="client-details"></div>
 
             <div class="company-info-wrapper">
diff --git a/resources/views/pdf-designs/new/elegant.html b/resources/views/pdf-designs/new/elegant.html
index e012c23e34de..64a50ad9ef8f 100644
--- a/resources/views/pdf-designs/new/elegant.html
+++ b/resources/views/pdf-designs/new/elegant.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -121,8 +121,8 @@
         </style>
     </head>
 
-    <body>
-        <div class="company-logo-wrapper">
+    <body id="body">
+        <div class="company-logo-wrapper" id="header">
             <img
                 class="company-logo"
                 src="$company.logo"
@@ -154,9 +154,9 @@
 
         <table id="product-table" cellspacing="0"></table>
 
-        <footer id="footer"></footer>
-
-        <p class="thanks-label">$thanks_label!</p>
-        <hr class="double-border" />
+        <footer id="footer">
+            <p class="thanks-label">$thanks_label!</p>
+            <hr class="double-border" />
+        </footer>
     </body>
 </html>
diff --git a/resources/views/pdf-designs/new/hipster.html b/resources/views/pdf-designs/new/hipster.html
index 0b04c76bb47f..f9512033b395 100644
--- a/resources/views/pdf-designs/new/hipster.html
+++ b/resources/views/pdf-designs/new/hipster.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -128,25 +128,21 @@
         </style>
     </head>
 
-    <body>
-        <div class="header-wrapper">
+    <body id="body">
+        <div class="header-wrapper" id="header">
             <div class="header-left-side-wrapper">
                 <p class="header-text-label">$from_label:</p>
-                <!-- company_details -->
-                <div id="company-details"></div>
 
-                <!-- company_address -->
+                <div id="company-details"></div>
                 <div id="company-address"></div>
             </div>
 
             <div class="header-right-side-wrapper">
-                <!-- client_details -->
                 <div>
                     <p class="header-text-label">$to_label:</p>
                     <div id="client-details"></div>
                 </div>
 
-                <!-- company_logo -->
                 <img
                     class="company-logo"
                     src="$company.logo"
diff --git a/resources/views/pdf-designs/new/modern.html b/resources/views/pdf-designs/new/modern.html
index cc3c9e1422df..719dfeb6005c 100644
--- a/resources/views/pdf-designs/new/modern.html
+++ b/resources/views/pdf-designs/new/modern.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -124,8 +124,8 @@
         </style>
     </head>
 
-    <body>
-        <div class="header-container">
+    <body id="body">
+        <div class="header-container" id="header">
             <h1 class="company-name">$company.name</h1>
 
             <table id="entity-details" cellspacing="0"></table>
@@ -144,16 +144,16 @@
         <div class="table-wrapper">
             <table id="product-table" cellspacing="0"></table>
         </div>
-
-        <footer id="footer"></footer>
-
+        
         <div class="footer-wrapper">
             <div>
                 <!-- Placeholder for offset -->
             </div>
-
+            
             <div id="company-details"></div>
             <div id="company-address"></div>
         </div>
+        
+        <footer id="footer"></footer>
     </body>
 </html>
diff --git a/resources/views/pdf-designs/new/plain.html b/resources/views/pdf-designs/new/plain.html
index 43783c335bb3..0002988bd6b7 100644
--- a/resources/views/pdf-designs/new/plain.html
+++ b/resources/views/pdf-designs/new/plain.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -93,7 +93,7 @@
         </style>
     </head>
 
-    <body>
+    <body id="body">
         <div class="header-wrapper" id="header">
             <p>$company.name</p>
 
diff --git a/resources/views/pdf-designs/new/playful.html b/resources/views/pdf-designs/new/playful.html
index d8fd49e6cb29..1972607cc31b 100644
--- a/resources/views/pdf-designs/new/playful.html
+++ b/resources/views/pdf-designs/new/playful.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+    <head id="head">
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <style>
+        <style id="style">
             * {
                 margin: 0;
                 padding: 0;
@@ -133,8 +133,8 @@
         </style>
     </head>
 
-    <body>
-        <div class="header-wrapper">
+    <body id="body">
+        <div class="header-wrapper" id="header">
             <img
                 class="company-logo"
                 src="$company.logo"
