diff --git a/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx b/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
index 9170c01..dafe8a7 100644
--- a/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
+++ b/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
@@ -76,7 +76,7 @@ export function ComplexFamilyTree(p: {
   const exportPDF = async () => {
     const doc = new jsPDF({
       orientation: "l",
-      format: [900, 1200],
+      format: [351, 351],
     });
 
     // Clone the SVG to manipulate it
@@ -105,11 +105,13 @@ export function ComplexFamilyTree(p: {
       `class="text-overflow-mask" fill="transparent"`
     );
 
+    dstSVG = dstSVG.replaceAll(`>UNKNOWN<`, `fill="#000">INCONNU<`);
+
     target.innerHTML = dstSVG;
 
     await doc.svg(target, {
-      height: 3508,
-      width: 2480,
+      height: 351,
+      width: 351,
     });
 
     container.remove();
diff --git a/geneit_app/src/widgets/complex_family_tree/family-chart.css b/geneit_app/src/widgets/complex_family_tree/family-chart.css
index 245032b..c7bf53c 100644
--- a/geneit_app/src/widgets/complex_family_tree/family-chart.css
+++ b/geneit_app/src/widgets/complex_family_tree/family-chart.css
@@ -105,7 +105,9 @@
   position: fixed;
   top: 0px;
   left: 0px;
-  width: 3508px;
-  height: 2480px;
+  /*width: 3508px;
+  height: 2480px;*/
+  width: 351px;
+  height: 248px;
   opacity: 0;
 }