My internal links in mermaid diagrams are getting cut off with my theme

What I’m trying to do

Have text not be cut off in mermaid diagram nodes in the theme I use I have the retroma theme

Things I have tried

I’ve tested it without the them and it works fine, but with the theme turned on the text internal links get cut off

image

Oh and if there’s also a way to center the diagram on the page that would be lovely

Ok so I figured out WHY it happens. It’s because the theme makes internal links render with bold text. Is there a way to potentially make the mermaid “internal-link” class render with plain text with a css snippet?

Ok I have figured out how to make the internal link render differently. I made a custom css class snippet called normal link:

.normal-link{

--link-weight: var(--font-normal);

}

and then I can reference it directly in the mermaid diagram. Closing this issue but if anyone else has this issue this is how I fixed it.