title: Mermaid.js issues with box width cutting text
body: <p>I'm looking to integrate mermaid.js into my flask application but I am encountering a strange error.</p>
  <p>The text within boxes get's cut short by about 5-10 pixels</p>
  <p>The following code creates this output:</p>
  <pre><code>&lt;div class=&quot;mermaid&quot;&gt;
      %%{init: {
          'theme': 'forest', 
          &quot;flowchart&quot; : { &quot;curve&quot; : &quot;basis&quot; } 
      } }%%
      graph LR
          id1[This is the text in the box]
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/eYYZZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eYYZZ.png" alt="enter image description here" /></a></p>
  <p>As you see the two last letters are cropped, this happens for all boxes.</p>
  <p>Any Idea as to how I should remidy this?</p>