From d13c1bce47d49f10d8bc507d8869f21bc2f83471 Mon Sep 17 00:00:00 2001
From: nekikara <nekikara@gmail.com>
Date: Tue, 27 Dec 2022 19:47:53 +0100
Subject: [PATCH] fix the way to set stroke and stroke-width properties

---
 packages/mermaid/src/diagrams/c4/svgDraw.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mermaid/src/diagrams/c4/svgDraw.js b/packages/mermaid/src/diagrams/c4/svgDraw.js
index e34a9d37f..6773085a4 100644
--- a/packages/mermaid/src/diagrams/c4/svgDraw.js
+++ b/packages/mermaid/src/diagrams/c4/svgDraw.js
@@ -234,7 +234,7 @@ export const drawC4Shape = function (elem, c4Shape, conf) {
   const c4ShapeElem = elem.append('g');
   c4ShapeElem.attr('class', 'person-man');
 
-  // <rect fill="#08427B" height="119.2188" rx="2.5" ry="2.5" style="stroke:#073B6F;stroke-width:0.5;" width="110" x="120" y="7"/>
+  // <rect fill="#08427B" height="119.2188" rx="2.5" ry="2.5" stroke="#073B6F" stroke-width=0.5" width="110" x="120" y="7"/>
   // draw rect of c4Shape
   const rect = getNoteRect();
   switch (c4Shape.typeC4Shape.text) {
@@ -251,9 +251,10 @@ export const drawC4Shape = function (elem, c4Shape, conf) {
       rect.fill = fillColor;
       rect.width = c4Shape.width;
       rect.height = c4Shape.height;
-      rect.style = 'stroke:' + strokeColor + ';stroke-width:0.5;';
+      rect.stroke = strokeColor;
       rect.rx = 2.5;
       rect.ry = 2.5;
+      rect.attrs = { 'stroke-width': 0.5 };
       drawRect(c4ShapeElem, rect);
       break;
     case 'system_db':