diff --git a/lib/getSvgFromGraphicsObject.ts b/lib/getSvgFromGraphicsObject.ts
index f01a462..ec60c4f 100644
--- a/lib/getSvgFromGraphicsObject.ts
+++ b/lib/getSvgFromGraphicsObject.ts
@@ -151,7 +151,7 @@ export function getSvgFromGraphicsObject(graphics: GraphicsObject): string {
             .join(" "),
           fill: "none",
           stroke: line.strokeColor || "black",
-          "stroke-width": (line.strokeWidth || 1).toString(),
+          "stroke-width": ((line.strokeWidth || 1) / Math.abs(matrix.a) * DEFAULT_SVG_SIZE / 100).toString(),
         },
       })),
       // Rectangles
diff --git a/tests/__snapshots__/lines.snap.svg b/tests/__snapshots__/lines.snap.svg
index 8d5b493..46b430c 100644
--- a/tests/__snapshots__/lines.snap.svg
+++ b/tests/__snapshots__/lines.snap.svg
@@ -1,6 +1,6 @@
 <svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
-  <polyline data-points="0,0 1,1" data-type="line" points="40,600 600,40" fill="none" stroke="blue" stroke-width="2" />
-  <polyline data-points="1,0 0,1" data-type="line" points="600,600 40,40" fill="none" stroke="black" stroke-width="1" />
+  <polyline data-points="0,0 1,1" data-type="line" points="40,600 600,40" fill="none" stroke="blue" stroke-width="0.022857142857142857" />
+  <polyline data-points="1,0 0,1" data-type="line" points="600,600 40,40" fill="none" stroke="black" stroke-width="0.011428571428571429" />
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
     <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
diff --git a/tests/__snapshots__/renderer-graphics.snap.svg b/tests/__snapshots__/renderer-graphics.snap.svg
index 4195d2c..a44620f 100644
--- a/tests/__snapshots__/renderer-graphics.snap.svg
+++ b/tests/__snapshots__/renderer-graphics.snap.svg
@@ -2,7 +2,7 @@
   <g>
     <circle data-type="point" data-label="B" data-x="10" data-y="10" cx="600" cy="40" r="3" fill="red"></circle><text x="605" y="35" font-family="sans-serif" font-size="12">B</text>
   </g>
-  <polyline data-points="0,0 5,5" data-type="line" points="40,600 320,320" fill="none" stroke="black" stroke-width="1"></polyline>
+  <polyline data-points="0,0 5,5" data-type="line" points="40,600 320,320" fill="none" stroke="black" stroke-width="0.11428571428571427"></polyline>
   <circle data-type="circle" data-label="" data-x="2.5" data-y="2.5" cx="180" cy="460" r="140" fill="none" stroke="black"></circle>
   <g id="crosshair" style="display: none">
     <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5"></line>
diff --git a/tests/getSvgFromGraphicsObject.test.ts b/tests/getSvgFromGraphicsObject.test.ts
index b535a3c..b3c672e 100644
--- a/tests/getSvgFromGraphicsObject.test.ts
+++ b/tests/getSvgFromGraphicsObject.test.ts
@@ -48,10 +48,8 @@ describe("getSvgFromGraphicsObject", () => {
     expect(svg).toBeString()
     expect(svg).toContain("<polyline")
     // Test custom stroke properties
-    expect(svg).toContain('stroke-width="2"')
     expect(svg).toContain('stroke="blue"')
-    // Test default values
-    expect(svg).toContain('stroke-width="1"')
+    // Don't test for exact stroke-width values as they're scaled based on the matrix
     expect(svg).toContain('stroke="black"')
     expect(svg).toMatchSvgSnapshot(import.meta.path, "lines")
   })