diff --git a/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx b/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
index f4703d5..10a6e47 100644
--- a/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
+++ b/geneit_app/src/widgets/complex_family_tree/ComplexFamilyTree.tsx
@@ -165,6 +165,7 @@ export function ComplexFamilyTree(p: {
         </IconButton>
       </div>
       <div
+        style={{ width: "100%" }}
         className={`f3 ${darkTheme.enabled ? "f3-dark" : "f3-light"}`}
         id="FamilyChart"
         ref={applyTree}