diff --git a/css/map.css b/css/map.css
index 5977887a6..bc2ff5069 100644
--- a/css/map.css
+++ b/css/map.css
@@ -186,14 +186,16 @@ path.area.tag-landuse,
 path.area.tag-natural-wood,
 path.area.tag-natural-tree,
 path.area.tag-natural-grassland,
+path.area.tag-leisure-park,
 path.multipolygon.tag-landuse,
 path.multipolygon.tag-natural-wood,
 path.multipolygon.tag-natural-tree,
-path.multipolygon.tag-natural-grassland {
+path.multipolygon.tag-natural-grassland,
+path.multipolygon.tag-leisure-park {
     stroke: #006B34;
     stroke-width: 1;
     fill: #189E59;
-    fill-opacity:0.2;
+    fill-opacity: 0.2;
 }
 
 /* highways */
diff --git a/js/id/svg/tag_classes.js b/js/id/svg/tag_classes.js
index 0295ca7e6..a7660e1f5 100644
--- a/js/id/svg/tag_classes.js
+++ b/js/id/svg/tag_classes.js
@@ -1,7 +1,8 @@
 iD.svg.TagClasses = function() {
     var keys = iD.util.trueObj([
         'highway', 'railway', 'motorway', 'amenity', 'natural',
-        'landuse', 'building', 'oneway', 'bridge', 'boundary'
+        'landuse', 'building', 'oneway', 'bridge', 'boundary',
+        'leisure'
     ]), tagClassRe = /^tag-/;
 
     return function tagClassesSelection(selection) {