diff --git a/src/components/yeti/map-layers/RouteLayer.vue b/src/components/yeti/map-layers/RouteLayer.vue
index c1efa41709..e6f1f3f04a 100644
--- a/src/components/yeti/map-layers/RouteLayer.vue
+++ b/src/components/yeti/map-layers/RouteLayer.vue
@@ -5,18 +5,26 @@ import Yetix from '@/components/yeti/Yetix';
 import c2c from '@/js/apis/c2c';
 import ol from '@/js/libs/ol';
 
-let normalLineStyle = new ol.style.Style({
-  stroke: new ol.style.Stroke({
-    color: 'yellow',
-    width: 3,
+let normalLineStyle = [
+  new ol.style.Style({
+    stroke: new ol.style.Stroke({
+      color: 'rgba(0, 0, 0, 0.4)',
+      width: 5,
+    }),
   }),
-});
+  new ol.style.Style({
+    stroke: new ol.style.Stroke({
+      color: 'yellow',
+      width: 3,
+    }),
+  }),
+];
 
 let highlightedLineStyle = [
   new ol.style.Style({
     stroke: new ol.style.Stroke({
-      color: 'rgba(255, 255, 0, .5)',
-      width: 8,
+      color: 'yellow',
+      width: 9,
     }),
     zIndex: 1,
   }),