diff --git a/src/components/PinMap/PinMap.jsx b/src/components/PinMap/PinMap.jsx
index 25185e630..4a307eda2 100644
--- a/src/components/PinMap/PinMap.jsx
+++ b/src/components/PinMap/PinMap.jsx
@@ -12,10 +12,10 @@ import {
   Rectangle,
   Tooltip,
   LayersControl,
-  LayerGroup,
   ZoomControl,
   withLeaflet,
 } from 'react-leaflet';
+import MarkerClusterGroup from 'react-leaflet-markercluster';
 import Choropleth from 'react-leaflet-choropleth';
 import HeatmapLayer from 'react-leaflet-heatmap-layer';
 import PropTypes from 'proptypes';
@@ -299,9 +299,9 @@ class PinMap extends Component {
               )
             }
             <Overlay checked name="Markers">
-              <LayerGroup>
+              <MarkerClusterGroup maxClusterRadius={0}>
                 {this.renderMarkers()}
-              </LayerGroup>
+              </MarkerClusterGroup>
             </Overlay>
             <Overlay name="Heatmap">
               {/* intensityExtractor is required and requires a callback as the value.