diff --git a/static/css/style.css b/static/css/style.css
index ed795c3..7c79847 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -18,7 +18,7 @@ a {
     color: inherit;
 }
 
-/* background map */
+/* map of incidents */
 
 #map {
     height: 100%;
@@ -51,6 +51,22 @@ a {
     border: none;
 }
 
+.leaflet-popup-content .date {
+    font-weight: 400;
+    font-style: italic;
+    font-size: 1.2em;
+    color: #aaa;
+}
+
+.leaflet-container a.leaflet-popup-close-button {
+    pointer-events: auto;
+    width: auto;
+    height: auto;
+    font-family: 'Libre Baskerville', serif;
+    font-size: 1.2em;
+    padding: 1.3em;
+}
+
 .circle-marker {
     border-radius: 50%;
     border: 2px solid rgba(0,0,0,.5);
@@ -170,8 +186,6 @@ a {
     left: 0;
     background: -webkit-linear-gradient(top right, rgba(255,255,255,.2), white 50%);
     background: linear-gradient(to bottom left, rgba(255,255,255,.2), white 50%);
-    display: table-cell;
-    vertical-align: center;
 }
 
 #overlay .text {
diff --git a/static/js/visualization.js b/static/js/visualization.js
index 11e7ec4..b57dcda 100644
--- a/static/js/visualization.js
+++ b/static/js/visualization.js
@@ -34,7 +34,7 @@ class Visualization {
 
     var popup = new L.Popup({
       autoPanPadding: [96, 96],
-      closeButton: false,
+      closeButton: true,
       maxHeight: 250
     });
     this.oms.addListener('click', function (marker) {