diff --git a/src/components/Map.jsx b/src/components/Map.jsx
index 97cf11b..2b8e03d 100644
--- a/src/components/Map.jsx
+++ b/src/components/Map.jsx
@@ -243,9 +243,9 @@ class Map extends React.Component {
         {this.renderMarkers()}
         {isShowingSites ? this.renderSites() : null}
         {this.renderShapes()}
-        {this.renderEvents()}
         {this.renderNarratives()}
-        {this.renderSelected()}
+        {this.renderEvents()}
+        {this.renderSelected()}        
       </React.Fragment>
     ) : null
 
diff --git a/src/components/presentational/Map/Events.jsx b/src/components/presentational/Map/Events.jsx
index e4ca77c..9640386 100644
--- a/src/components/presentational/Map/Events.jsx
+++ b/src/components/presentational/Map/Events.jsx
@@ -108,7 +108,9 @@ function MapEvents ({ getCategoryColor, categories, projectPoint, styleLocation,
 
   return (
     <Portal node={svg}>
-      {locations.map(renderLocation)}
+      <g className='event-locations'>
+        {locations.map(renderLocation)}
+      </g>
     </Portal>
   )
 }
diff --git a/src/components/presentational/Map/Narratives.jsx b/src/components/presentational/Map/Narratives.jsx
index e3957d7..5fafac6 100644
--- a/src/components/presentational/Map/Narratives.jsx
+++ b/src/components/presentational/Map/Narratives.jsx
@@ -135,11 +135,17 @@ function MapNarratives ({ styles, onSelectNarrative, svg, narrative, narratives,
     )
   }
 
-  if (narrative === null) return (<div />)
+  if (narrative === null) return (
+    <Portal node={svg}>
+      <g/>
+    </Portal>
+  )
 
   return (
     <Portal node={svg}>
-      {narratives.map(n => renderNarrative(n))}
+      <g className='narratives'>
+        {narratives.map(n => renderNarrative(n))}
+      </g>
     </Portal>
   )
 }