diff --git a/src/wireviz/templates/bom.html b/src/wireviz/templates/bom.html
index c8d448f..380762d 100644
--- a/src/wireviz/templates/bom.html
+++ b/src/wireviz/templates/bom.html
@@ -1,7 +1,7 @@
 <style>
   .A4 #bom { /* BOM on top of title block */
     position: absolute;
-    bottom: 38.25mm;
+    bottom: calc({{ titleblock_rows + 1 }} * 4.25mm);
     right: 0;
   }
 
@@ -52,7 +52,7 @@
 
 <!-- BOM TEMPLATE --!>
 <div id="bom">
-  <table id="bom">
+  <table>
   {% if not bom_reversed %}
     {{ bom_header_gen() }}
   {% endif %}
diff --git a/src/wireviz/templates/din-6771.html b/src/wireviz/templates/din-6771.html
index a81b082..6513a73 100644
--- a/src/wireviz/templates/din-6771.html
+++ b/src/wireviz/templates/din-6771.html
@@ -58,7 +58,11 @@
       top: 0;
       left: 0;
       max-width: 100%;
-      height: calc(100% - 13 * 4.25mm);
+      {% if sheetsize == 'A4' %}
+        height: calc(100% - {{ [bom_length, 13]|sum }}  * 4.25mm);
+      {% else %}
+        height: calc(100% - {{ [bom_length, 13]|max }}  * 4.25mm);
+      {% endif %}
       /* TODO: auto-adapt to height of title block + BOM table;
                BOM table might be above (A4) or to the left (A3 and larger) of the title block */
       text-align: center;
diff --git a/src/wireviz/templates/titleblock.html b/src/wireviz/templates/titleblock.html
index a77fc2a..84eb273 100644
--- a/src/wireviz/templates/titleblock.html
+++ b/src/wireviz/templates/titleblock.html
@@ -7,7 +7,7 @@
 
   #titleblock {
     width: 180mm;
-    height: 38.25mm;
+    height: calc({{ titleblock_rows }} * 4.25mm));
   }
 
   #titleblock table, th, td {
diff --git a/src/wireviz/wv_output.py b/src/wireviz/wv_output.py
index 16967d0..e27857e 100644
--- a/src/wireviz/wv_output.py
+++ b/src/wireviz/wv_output.py
@@ -95,6 +95,7 @@ def generate_html_output(
     if bom_reversed:
         bom_content.reverse()
 
+
     if metadata:
         sheet_current = metadata["sheet_current"]
         sheet_total = metadata["sheet_total"]
@@ -113,6 +114,8 @@ def generate_html_output(
         "bom_header": bom_header,
         "bom_content": bom_content,
         "bom_columns": bom_columns,
+        "bom_length": len(bom_content),
+        "titleblock_rows": 9,
     }
 
     # prepare metadata replacements