diff --git a/src/app/cartography/components/map/map.component.html b/src/app/cartography/components/map/map.component.html
index 20564aff..2be6a6a2 100644
--- a/src/app/cartography/components/map/map.component.html
+++ b/src/app/cartography/components/map/map.component.html
@@ -1,6 +1,10 @@
 <svg
     class="map"
     preserveAspectRatio="none"
-></svg>
+>
+<filter id="grayscale">
+    <feColorMatrix id="feGrayscale" type="saturate" values="0"/>
+ </filter>
+</svg>
 
 <app-draw-link-tool *ngIf="drawLinkTool" (linkCreated)="linkCreated($event)"></app-draw-link-tool>
\ No newline at end of file
diff --git a/src/app/components/project-map/project-map.component.css b/src/app/components/project-map/project-map.component.css
index 25d64001..6faa7976 100644
--- a/src/app/components/project-map/project-map.component.css
+++ b/src/app/components/project-map/project-map.component.css
@@ -31,17 +31,14 @@ g.node:hover {
   left: 50%;
 }
 
-/*g.node text {*/
-  /*font-family: Roboto !important;*/
-/*}*/
-
-
 svg.map image:hover, svg.map image.chosen, g.selected {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
+  filter: gray;
+  filter: url("#grayscale"); /* Chrome doesn't support CSS filters on SVG */
 }
 
 path.selected {