diff --git a/static/css/style.css b/static/css/style.css
index a7828d8..eaa9524 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -116,3 +116,9 @@ body {
 .category-filter .uncategorized a:after {
     border-color: #355C7D;
 }
+
+.circle-marker {
+    border-radius: 50%;
+    border: 2px solid rgba(0,0,0,.5);
+    background: rgba(0,0,0,.2);
+}
diff --git a/static/js/visualization.js b/static/js/visualization.js
index a2b5d5c..94c8d2a 100644
--- a/static/js/visualization.js
+++ b/static/js/visualization.js
@@ -114,10 +114,21 @@ class Visualization {
    */
   setupMarkers () {
     this.data.forEach(incident => {
-      var options = { color: this._pickColor(incident) }
-      var marker = L.circleMarker([incident.lat, incident.lng], options)
+      var icon = L.divIcon({
+        className: 'circle-marker',
+        iconSize: [18, 18]
+      })
+
+      var options = { icon: icon }
+      var marker = L.marker([incident.lat, incident.lng], options)
         .addTo(this.map)
 
+      var color = colorUtils.hexToRGB(this._pickColor(incident))
+      $(marker._icon).css({
+        borderColor: `rgba(${color[0]},${color[1]},${color[2]},.5)`,
+        backgroundColor: `rgba(${color[0]},${color[1]},${color[2]},.2)`
+      })
+
       this._markers.set(incident, marker)
     })