Mermaid: Render issue on chromium based browsers.

[tokyo786]

Describe the bug
UML Diagrams have text overflow in chromium browsers, rendering fine on Firefox.

To Reproduce
Steps to reproduce the behavior:

1. Open https://mermaid-js.github.io/mermaid-live-editor on chrome
2. Open https://mermaid-js.github.io/mermaid-live-editor on Firefox
3. Works fine on Firefox but text overflows in chrome

Expected behavior
Should work similarly on chrome and firefox.

Screenshots
If applicable, add screenshots to help explain your problem.
Chrome:

Firefox:

Desktop (please complete the following information):

• OS: Windows 10, 1080p screen, 15 Inch Laptop (125% UI Scaling)
• Browser Chrome
• Version Latest

[dcrouch79]

Try using flowchart instead of graph.

This seems to fix the issue on the latest version of Chrome (v87) and Edge (v87)

[tokyo786]

Try using flowchart instead of graph.

This seems to fix the issue on the latest version of Chrome (v87) and Edge (v87)

Yep, it fixes the issue on chrome and edge - What's the difference between flowchart and graph which fixes it?

[singhprabhanshu]

Try using flowchart instead of graph.
This seems to fix the issue on the latest version of Chrome (v87) and Edge (v87)

Yep, it fixes the issue on chrome and edge - What's the difference between flowchart and graph which fixes it?

But the edges are rounded, not the sharp one. Is there any configuration parameter for edges curves?