diff --git a/css/30_highways.css b/css/30_highways.css
index 56920c56c..8dcb1cdab 100644
--- a/css/30_highways.css
+++ b/css/30_highways.css
@@ -462,6 +462,20 @@ path.casing.tag-service {
     stroke:#666;
 }
 
+/* with `service=* tag`  (e.g. parking_aisle, alley, drive-through */
+.preset-icon .icon.highway-service.tag-service {
+    color: #dcd9b9;
+    fill: #666;
+}
+path.stroke.tag-highway-service.tag-service,
+path.stroke.tag-service.tag-service {
+    stroke: #dcd9b9;
+}
+path.casing.tag-highway-service.tag-service,
+path.casing.tag-service.tag-service {
+    stroke: #666;
+}
+
 .preset-icon .icon.highway-track {
     color: #eaeaea;
     fill: #c5b59f;
diff --git a/modules/svg/tag_classes.js b/modules/svg/tag_classes.js
index cd08c48ba..be2d6720c 100644
--- a/modules/svg/tag_classes.js
+++ b/modules/svg/tag_classes.js
@@ -14,7 +14,7 @@ export function svgTagClasses() {
         ],
         secondaries = [
             'oneway', 'bridge', 'tunnel', 'embankment', 'cutting', 'barrier',
-            'surface', 'tracktype', 'crossing'
+            'surface', 'tracktype', 'crossing', 'service', 'sport'
         ],
         tagClassRe = /^tag-/,
         tags = function(entity) { return entity.tags; };