Azure DevOps Wiki - Flow Diagram node text alignment

[JulianHayward]

In Azure DevOps Wiki using the Mermaid extension the Flow Diagram node text alignment is aligned left and the node width is doubled.

Steps to reproduce the behavior

In Azure DevOps Wiki create a new page and use code:

::: mermaid
 graph TD;
 A[Boss] --> B[L1 Joe];
 A --> G[L1 Bob];
 B --> C[L2 Joe<br> Sue];
 B --> D[L2 Joe<br> Finn];
 B --> E[L2 Joe<br> Jane];
 G --> H[L2 Bob<br> Miguelangelonilo];
 G --> I[L2 Bob<br> Anna];
 I --> J[L3 Anna<br> Me];
:::

output looks like this:

whilst on the Mermaid Live Editor it looks like this:

 graph TD;
 A[Boss] --> B[L1 Joe];
 A --> G[L1 Bob];
 B --> C[L2 Joe<br> Sue];
 B --> D[L2 Joe<br> Finn];
 B --> E[L2 Joe<br> Jane];
 G --> H[L2 Bob<br> Miguelangelonilo];
 G --> I[L2 Bob<br> Anna];
 I --> J[L3 Anna<br> Me];

[GDFaber]

Hi @JulianHayward, thanks for reaching out. The problem you've run into has also been documented in #1177. Do you agree to closing your issue in favor of #1177?

[JulianHayward]

hi @GDFaber - sure thing..