diff --git a/components/OperonStructure.vue b/components/OperonStructure.vue
index 19b45f82062d9d5e1d2ad334e5f56d164de07672..8f0e1bb38789884184780334d5efee2a9111c78a 100644
--- a/components/OperonStructure.vue
+++ b/components/OperonStructure.vue
@@ -269,7 +269,7 @@ function draw() {
             .attr("y1", yScaleVal.gene + geneHeightVal / 2)
             .attr("x2", computedPlotWidth.value + marginRight)
             .attr("y2", yScaleVal.gene + geneHeightVal / 2)
-            .attr("stroke", "black")
+            .attr("stroke", "currentColor")
             .attr("stroke-width", "2px")
 
         gOperon
@@ -405,7 +405,7 @@ function drawGenes(operonGroup: d3.Selection<SVGGElement, any, SVGElement | null
 
     const genePathSelection = genesSelection
         .select("path.gene")
-        .attr("stroke", "black")
+        .attr("stroke", "currentColor")
         .attr("stroke-width", 2)
     genePathSelection
         .transition()