diff --git a/app/Utils/HtmlEngine.php b/app/Utils/HtmlEngine.php
index aa3c733389ee..033c8a1ae8dd 100644
--- a/app/Utils/HtmlEngine.php
+++ b/app/Utils/HtmlEngine.php
@@ -317,7 +317,7 @@ class HtmlEngine
         $data['_rate2'] = ['value' => '', 'label' => ctrans('texts.tax')];
         $data['_rate3'] = ['value' => '', 'label' => ctrans('texts.tax')];
 
-        $data['$font-size'] = ['value' => $this->settings->font_size . 'px', 'label' => ''];
+        $data['$font_size'] = ['value' => $this->settings->font_size . 'px', 'label' => ''];
 
         $data['$invoiceninja.whitelabel'] = ['value' => asset('images/created-by-invoiceninja-new.png'), 'label' => ''];
 
diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index 22bc3de01c6e..4fe76320c460 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -13,7 +13,7 @@
             * {
                 margin: 0;
                 padding: 0;
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             body {
@@ -148,7 +148,7 @@
     </head>
 
     <div class="header-wrapper" id="header">
-        <div><!-- Empty space placeholder--></div>
+        <div></div>
 
         <div id="company-details"></div>
         <div id="company-address"></div>
@@ -174,5 +174,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html
index 8c94d6ec1445..bf36b606a2a0 100644
--- a/resources/views/pdf-designs/business.html
+++ b/resources/views/pdf-designs/business.html
@@ -14,7 +14,7 @@
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;
                 font-family: Arial, Helvetica, sans-serif;
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             @page {
@@ -206,5 +206,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html
index 25fc42f7bf40..564ccda26b24 100644
--- a/resources/views/pdf-designs/clean.html
+++ b/resources/views/pdf-designs/clean.html
@@ -1,4 +1,3 @@
-<!-- Template: Clean -->
 <!DOCTYPE html>
 <html lang="en">
     <head id="head">
@@ -15,7 +14,7 @@
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;
                 font-family: Arial, Helvetica, sans-serif;
-                font-size: '$font-size';
+                font-size: '$font_size';
                 margin: 1cm;
             }
 
@@ -160,11 +159,9 @@
             <div id="client-details"></div>
         </div>
 
-        <!-- product_table -->
         <table id="product-table" cellspacing="0"></table>
-
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html
index 7cfd05472fb8..6607e37439df 100644
--- a/resources/views/pdf-designs/creative.html
+++ b/resources/views/pdf-designs/creative.html
@@ -11,7 +11,7 @@
             }
 
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             p {
@@ -170,5 +170,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index 748cbd11974f..a091196602ef 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -11,7 +11,7 @@
             }
 
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             p {
diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index dff26cff5f32..3801548bcb37 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -11,7 +11,7 @@
             }
 
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             p {
@@ -209,5 +209,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html
index 1ceb3d19bc83..cfe057ec30b1 100644
--- a/resources/views/pdf-designs/modern.html
+++ b/resources/views/pdf-designs/modern.html
@@ -11,7 +11,7 @@
             }
 
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             body {
@@ -192,12 +192,10 @@
             <tr>
                 <td class="page-footer-cell">
                     <div class="footer-info">
-                        <div style="margin-top: 195px">
-                            <!-- An offset div to space out table from footer -->
-                        </div>
+                        <div style="margin-top: 195px"></div>
                         <div class="footer-wrapper" id="footer">
                             <div class="footer-content">
-                                <div><!-- Placeholder for offset --></div>
+                                <div></div>
                                 <div id="company-details"></div>
                                 <div id="company-address"></div>
                             </div>
diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html
index 485b1225f6f5..446449f51bae 100644
--- a/resources/views/pdf-designs/plain.html
+++ b/resources/views/pdf-designs/plain.html
@@ -6,7 +6,7 @@
 
         <style id="style">
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             p {
@@ -135,5 +135,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index 1136c18a9693..a4bd0846e265 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -11,7 +11,7 @@
             }
 
             * {
-                font-size: '$font-size';
+                font-size: '$font_size';
             }
 
             p {
@@ -163,9 +163,7 @@
                 alt="$company.name logo"
             />
 
-            <div>
-                <!-- Placeholder for empty space -->
-            </div>
+            <div></div>
 
             <div class="entity-details-wrapper">
                 <table id="entity-details" cellspacing="0"></table>
@@ -192,5 +190,5 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div id="footer"><!-- Your footer content here --></div>
+    <div id="footer"></div>
 </html>
