diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index 18b1d9378d37..1b707c746c96 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -137,6 +137,7 @@
     }
 
     #table-totals {
+        margin-top: 1rem;
         display: grid;
         grid-template-columns: 2fr 1fr;
         padding-top: 0.5rem;
@@ -180,6 +181,10 @@
     [data-ref="total_table-footer"] {
         padding-left: 1rem
     }
+
+    #footer {
+        margin-top: 30px;
+    }
 </style>
 
 <div id="header"></div>
@@ -219,12 +224,23 @@
 
     <table id="task-table" cellspacing="0"></table>
 
-    <div id="table-totals" cellspacing="0"></div>
-
     <table id="delivery-note-table" cellspacing="0"></table>
+    
+    <div id="table-totals" cellspacing="0"></div>
 </div>
 
 <div id="footer">
     <p data-ref="total_table-footer">$entity_footer</p>
+
+    <script>
+        // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+        document.addEventListener('DOMContentLoaded', () => {
+            ['product-table', 'task-table', 'delivery-note-table'].forEach((tableIdentifier) => {
+                document.getElementById(tableIdentifier).childElementCount === 0
+                    ? document.getElementById(tableIdentifier).style.display = 'none'
+                    : '';
+            });
+        });
+    </script>
 </div>