diff --git a/src/app/cartography/map/map.component.html b/src/app/cartography/map/map.component.html
index c56fc706..e97504f5 100644
--- a/src/app/cartography/map/map.component.html
+++ b/src/app/cartography/map/map.component.html
@@ -1 +1,2 @@
-<svg preserveAspectRatio="none"></svg>
+<svg preserveAspectRatio="none">
+</svg>
diff --git a/src/app/cartography/shared/widgets/nodes.widget.ts b/src/app/cartography/shared/widgets/nodes.widget.ts
index 4066409a..1332a21e 100644
--- a/src/app/cartography/shared/widgets/nodes.widget.ts
+++ b/src/app/cartography/shared/widgets/nodes.widget.ts
@@ -105,16 +105,17 @@ export class NodesWidget implements Widget {
         .attr('width', (n: Node) => n.width)
         .attr('height', (n: Node) => n.height)
         .attr('x', (n: Node) => -n.width / 2.)
-        .attr('y', (n: Node) => -n.height / 2.);
+        .attr('y', (n: Node) => -n.height / 2.)
+        .on('mouseover', function (this, n: Node) {
+          select(this).attr("class", "over");
+        })
+        .on('mouseout', function (this, n: Node) {
+          select(this).attr("class", "");
+        });
 
         // .attr('width', (n: Node) => n.width)
         // .attr('height', (n: Node) => n.height);
-        // .on('mouseover', function (this, n: Node) {
-        //   select(this).attr("class", "over");
-        // })
-        // .on('mouseout', function (this, n: Node) {
-        //   select(this).attr("class", "");
-        // });
+
 
     node_enter
       .append<SVGTextElement>('text')
diff --git a/src/app/project-map/project-map.component.css b/src/app/project-map/project-map.component.css
index 3e785108..0574f1db 100644
--- a/src/app/project-map/project-map.component.css
+++ b/src/app/project-map/project-map.component.css
@@ -42,3 +42,7 @@ g.node text {
   font-family: Roboto !important;
 }
 
+
+svg image:hover, svg image.chosen {
+  filter: grayscale(100%);
+}