diff --git a/shared/editor/plugins/Mermaid.ts b/shared/editor/plugins/Mermaid.ts
index 0eb434147..0048f0554 100644
--- a/shared/editor/plugins/Mermaid.ts
+++ b/shared/editor/plugins/Mermaid.ts
@@ -66,6 +66,12 @@ function getNewState({
             flowchart: {
               htmlLabels: false,
             },
+            // TODO: Make dynamic based on the width of the editor or remove in
+            // the future if Mermaid is able to handle this automatically.
+            gantt: {
+              // @ts-expect-error types do not include this property.
+              useWidth: 700,
+            },
             theme: pluginState.isDark ? "dark" : "default",
             fontFamily: "inherit",
           });