diff --git a/frontend/js/canvas.js b/frontend/js/canvas.js
index 27f97ca..a727228 100644
--- a/frontend/js/canvas.js
+++ b/frontend/js/canvas.js
@@ -970,7 +970,7 @@ class DiagramCanvas {
       if (n.shield) n.shield.data(svgPath);
       if (!wire.twisted_pair) {
         n.main.data(svgPath);
-        if (n.stripe) n.stripe.data(svgPath);
+        if (n.stripe) n.stripe.data(this._computeHelixPath(pts, 20, false) || svgPath);
       }
       if (n.helix)  n.helix.data(this._computeHelixPath(pts, wire.twist_pitch || 16, false));
       if (n.helix2) n.helix2.data(this._computeHelixPath(pts, wire.twist_pitch || 16, true));
@@ -1546,11 +1546,14 @@ class DiagramCanvas {
     });
 
     let stripe = null;
-    if (wire.color_stripe) {
-      stripe = new Konva.Path({
-        data: svgPath, stroke: wire.color_stripe,
-        strokeWidth: 1.2, lineCap: "round", dash: [7, 7], listening: false, fill: null,
-      });
+    if (wire.color_stripe && !wire.twisted_pair) {
+      const stripePath = this._computeHelixPath(pts, 20, false);
+      if (stripePath) {
+        stripe = new Konva.Path({
+          data: stripePath, stroke: wire.color_stripe,
+          strokeWidth: 2, lineCap: "round", lineJoin: "round", fill: null, listening: false,
+        });
+      }
     }
 
     // Keep hit as Konva.Line for reliable click/drag detection over full wire
@@ -1651,7 +1654,7 @@ class DiagramCanvas {
       if (n.shield) n.shield.data(svgPath);
       if (!wire.twisted_pair) {
         n.main.data(svgPath);
-        if (n.stripe) n.stripe.data(svgPath);
+        if (n.stripe) n.stripe.data(this._computeHelixPath(pts, 20, false) || svgPath);
       }
       if (n.helix)  n.helix.data(this._computeHelixPath(pts, wire.twist_pitch || 16, false));
       if (n.helix2) n.helix2.data(this._computeHelixPath(pts, wire.twist_pitch || 16, true));