diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/flippedTriangle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/flippedTriangle.ts
index 0944e9e50..c886c3496 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/flippedTriangle.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/flippedTriangle.ts
@@ -31,7 +31,7 @@ export const flippedTriangle = async (parent: SVGAElement, node: Node): Promise<
   const w = (node?.width ? node?.width : bbox.width) + (labelPaddingX ?? 0);
   const h = node?.height ? node?.height : w + bbox.height;
 
-  const tw = w + bbox.height;
+  const tw = h;
 
   const points = [
     { x: 0, y: -h },
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/triangle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/triangle.ts
index 490fb409e..b1e2f96d6 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/triangle.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/triangle.ts
@@ -31,7 +31,7 @@ export const triangle = async (parent: SVGAElement, node: Node): Promise<SVGAEle
   const useHtmlLabels = evaluate(getConfig().flowchart?.htmlLabels);
   const w = (node?.width ? node?.width : bbox.width) + labelPaddingX;
   const h = node?.height ? node?.height : w + bbox.height;
-  const tw = w + bbox.height;
+  const tw = h;
   const points = [
     { x: 0, y: 0 },
     { x: tw, y: 0 },