diff --git a/src/components/map/Map.css b/src/components/map/Map.css
index c7042fa..a62a4d9 100644
--- a/src/components/map/Map.css
+++ b/src/components/map/Map.css
@@ -10,6 +10,11 @@
     stroke-width: 1.44px;
 }
 
+.map svg path.track-unscaled {
+    stroke-width: 1px;
+    vector-effect: non-scaling-stroke;
+}
+
 .map svg text {
     font-size: 2px;
     text-shadow: 0 0 16px #000;
diff --git a/src/components/map/object-renderers/TrackRenderer.js b/src/components/map/object-renderers/TrackRenderer.js
index 507de81..8a5c1df 100644
--- a/src/components/map/object-renderers/TrackRenderer.js
+++ b/src/components/map/object-renderers/TrackRenderer.js
@@ -24,11 +24,15 @@ function StatelessTrackRenderer(props) {
   const defs = getTrackDefs(object, trackColorMode);
 
   return (
-    <g>
+    <g id={`track-${object.id}`}>
       {defs}
       <path
         d={path}
-        id={`track-${object.id}`}
+        stroke={color}
+        className="track-unscaled"
+      />
+      <path
+        d={path}
         stroke={color}
         className="track"
       />