Arrows rendering incorrectly in online editor

[NigelThorne]

The following renders with artifacts between the arrow ends and the start of the arrow lines.
I checked this in the online editor and locally in VSCode's preview plugin.

graph LR
  
  subgraph Software
    A(Associate)
    S(Software Engineer)
    SS(Senior Software Engineer)
    TL(Technical Lead)
    PTL(Principle Technical Lead)
    CM(Capability Manager)

    A-->S
    S-->SS
    SS-->TL
    TL-->PTL
    SS-->CM
  end

  PM(Project Manager)
  SS-->PM

  classDef external fill:#f9f,stroke:#333,stroke-width:4px
  classDef default fill:#99f,stroke:#333,stroke-width:4px
  linkStyle default stroke:#ff3, stroke-width:2px;
  class PM external

Loading

VS Code

Live Editor

[NigelThorne]

Doh!..

linkStyle default stroke:#ff3, stroke-width:2px, fill:none;

fixes this

[tylerlong]

https://mermaidjs.github.io/mermaid-live-editor/#/edit/Z3JhcGggTFIKICAKICBzdWJncmFwaCBTb2Z0d2FyZQogICAgQShBc3NvY2lhdGUpCiAgICBTKFNvZnR3YXJlIEVuZ2luZWVyKQogICAgU1MoU2VuaW9yIFNvZnR3YXJlIEVuZ2luZWVyKQogICAgVEwoVGVjaG5pY2FsIExlYWQpCiAgICBQVEwoUHJpbmNpcGxlIFRlY2huaWNhbCBMZWFkKQogICAgQ00oQ2FwYWJpbGl0eSBNYW5hZ2VyKQoKICAgIEEtLT5TCiAgICBTLS0-U1MKICAgIFNTLS0-VEwKICAgIFRMLS0-UFRMCiAgICBTUy0tPkNNCiAgZW5kCgogIFBNKFByb2plY3QgTWFuYWdlcikKICBTUy0tPlBNCgogIGNsYXNzRGVmIGV4dGVybmFsIGZpbGw6I2Y5ZixzdHJva2U6IzMzMyxzdHJva2Utd2lkdGg6NHB4CiAgY2xhc3NEZWYgZGVmYXVsdCBmaWxsOiM5OWYsc3Ryb2tlOiMzMzMsc3Ryb2tlLXdpZHRoOjRweAogIGxpbmtTdHlsZSBkZWZhdWx0IHN0cm9rZTojZmYzLCBzdHJva2Utd2lkdGg6MnB4LCBmaWxsOm5vbmU7CiAgY2xhc3MgUE0gZXh0ZXJuYWw