diff --git a/css/20_map.css b/css/20_map.css
index 98674d62e..3e3dab771 100644
--- a/css/20_map.css
+++ b/css/20_map.css
@@ -318,3 +318,32 @@ text.gpxlabel-halo {
     stroke-miterlimit: 1;
 }
 
+/* MVT Paths */
+
+.layer-mvt {
+    pointer-events: none;
+}
+
+path.mvt {
+    stroke: #ff26d4;
+    stroke-width: 2;
+    fill: none;
+}
+
+text.mvtlabel-halo,
+text.mvtlabel {
+    font-size: 10px;
+    font-weight: bold;
+    dominant-baseline: middle;
+}
+
+text.mvtlabel {
+    fill: #ff26d4;
+}
+
+text.mvtlabel-halo {
+    opacity: 0.7;
+    stroke: #000;
+    stroke-width: 5px;
+    stroke-miterlimit: 1;
+}
diff --git a/css/80_app.css b/css/80_app.css
index 46eaa1da2..6474d9a29 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -2521,6 +2521,10 @@ div.full-screen > button:hover {
     transform: rotateY(180deg);
 }
 
+[dir='rtl'] .list-item-mvt-browse svg {
+    transform: rotateY(180deg);
+}
+
 /* make sure tooltip fits in map-control panel */
 /* if too wide, placement will be wrong the first time it displays */
 .layer-list li.best .tooltip-inner {