diff --git a/modules/services/mapillary.js b/modules/services/mapillary.js
index 0cc6b650e..3ebefbd3d 100644
--- a/modules/services/mapillary.js
+++ b/modules/services/mapillary.js
@@ -361,7 +361,7 @@ export default {
 
         // load mapillary signs sprite
         var defs = context.container().select('defs');
-        defs.call(svgDefs(context).addSprites, ['mapillary-sprite']);
+        defs.call(svgDefs(context).addSprites, ['mapillary-sprite'], false /* don't override colors */ );
 
         // Register viewer resize handler
         context.ui().photoviewer.on('resize', function() {
diff --git a/modules/svg/defs.js b/modules/svg/defs.js
index b79c65e9b..b07509cf7 100644
--- a/modules/svg/defs.js
+++ b/modules/svg/defs.js
@@ -174,11 +174,11 @@ export function svgDefs(context) {
         defs
             .call(drawDefs.addSprites, [
                 'iD-sprite', 'maki-sprite', 'temaki-sprite', 'fa-sprite', 'community-sprite'
-            ]);
+            ], true);
     }
 
 
-    drawDefs.addSprites = function(selection, ids) {
+    drawDefs.addSprites = function(selection, ids, overrideColors) {
         var spritesheets = selection.selectAll('.spritesheet');
         var currData = spritesheets.data();
         var data = _uniq(currData.concat(ids));
@@ -199,7 +199,7 @@ export function svgDefs(context) {
                         node.appendChild(
                             d3_select(svg.documentElement).attr('id', d).node()
                         );
-                        if (d !== 'iD-sprite') {   // allow icon colors to be overridden..
+                        if (overrideColors && d !== 'iD-sprite') {   // allow icon colors to be overridden..
                             d3_select(node).selectAll('path')
                                 .attr('fill', 'currentColor');
                         }