Description

After upgrading to Hextra 0.12, mermaid diagrams are rendered incorrectly. The rendered diagram only fills a fraction of the space it reserves. The issue is observable on the Hextra documentation page as well.

Steps To Reproduce

1. Open https://imfing.github.io/hextra/docs/guide/diagrams/ and look at the first graph
2. Open the old version of the same documentaiton page at https://imfing.github.io/hextra/versions/v0.11/docs/guide/diagrams/ and look at the first graph

Expected Behavior

Mermaid diagrams should fill the space they reserve on the page (vertically)

Actual Behavior
Mermaid diagrams are displayed with lots of whitespace on the bottom and right. This only seems to be true in some cases though, since the sequence diagram in the Hextra documentation looks the same as before.

Screenshots

Hextra v0.12 documentation:

Hextra v0.11. documentation:

Environment

• Hugo Version: [e.g., 0.156.0]
• Browser/OS: [Firefox and Chrome on MacOS]
• Theme Version: [e.g., v0.12.0]