diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts index 40d71429c..092a29462 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts @@ -98,13 +98,15 @@ export async function roundedRect( const w = (node?.width ? node?.width : bbox.width) + labelPaddingX * 2; const h = (node?.height ? node?.height : bbox.height) + labelPaddingY * 2; - const radius = 5; - const taper = 5; // Taper width for the rounded corners + const radius = 15; + const taper = 15; // Taper width for the rounded corners const { cssStyles } = node; // @ts-expect-error -- Passing a D3.Selection seems to work for some reason const rc = rough.svg(shapeSvg); - const options = userNodeOverrides(node, {}); - + const options = { + ...userNodeOverrides(node, {}), + stroke: 'none', + }; if (node.look !== 'handDrawn') { options.roughness = 0; options.fillStyle = 'solid';