diff --git a/css/20_map.css b/css/20_map.css
index 13c72a12b..def29ff99 100644
--- a/css/20_map.css
+++ b/css/20_map.css
@@ -265,6 +265,18 @@ text.point {
     opacity: 0.8;
 }
 
+/* Highlighting */
+
+g.point.highlighted .shadow,
+path.shadow.highlighted {
+    stroke-opacity: 0.95;
+    stroke: #7092ff;
+}
+g.vertex.highlighted .shadow {
+    stroke-width: 7;
+    stroke-opacity: 0.95;
+    stroke: #7092ff;
+}
 
 /* Turn Restrictions */
 
diff --git a/modules/ui/raw_member_editor.js b/modules/ui/raw_member_editor.js
index f86fb403a..86224afc6 100644
--- a/modules/ui/raw_member_editor.js
+++ b/modules/ui/raw_member_editor.js
@@ -126,10 +126,10 @@ export function uiRawMemberEditor(context) {
                         // highlight the member feature in the map while hovering on the list item
                         var selectorPrefix = d.type === 'node' ? 'g.' : 'path.';
                         d3_select(this).on('mouseover', function() {
-                            context.surface().selectAll(selectorPrefix+d.id).classed('related', true);
+                            context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', true);
                         });
                         d3_select(this).on('mouseout', function() {
-                            context.surface().selectAll(selectorPrefix+d.id).classed('related', false);
+                            context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', false);
                         });
 
                         var label = d3_select(this).append('label')