Subscripts are bunched in a corner in Safari

[Sjors]

Description

Given the example below, it renders fine in Chrome, but bunches up the subscripts in a corner in Safari.

Steps to reproduce

Enter the below code in the live editor. Check in Safari vs Chrome.

Here it is in the live in the editor (I also tried the develop version). https://mermaid.live/edit#pako:eNpdkMsKgzAQRX8lzFopvsGKi9I_aHdNF6mZVsGo2MmiiP_eiHQKWSWZc-6FzALNqBFKeM1qasXpKgchBGU3CVS97aPOqsN2SLiLMKwFxUxiJsc9lDPK_dDP2J8Ji4knRkwiv71gVHihlEn6D0EABmejOu0-t2wVTmrRoITSXTU-le1JghxWpypL4-UzNFDSbDEAO2lFeO6UW4vZh-sX-0ZbnA

Screenshots

In Safari on both macOS 13.6.4 and 14.3.1 it looks like this:

In Chrome it looks correct:

Code Sample

graph BT
   t5["t<sub>5</sub>"] --> t2["t<sub>2</sub>"];
   t6["t<sub>6</sub>"] --> t2;
   t6 --> t3["t<sub>3</sub>"] --> t1["t<sub>1</sub>"];
   t7["t<sub>7</sub>"] --> t4["t<sub>4</sub>"];

Setup

No response

Suggested Solutions

No response

Additional Context

No response