diff --git a/static/css/map.css b/static/css/map.css
index 7ff40a3..335fa63 100644
--- a/static/css/map.css
+++ b/static/css/map.css
@@ -17,6 +17,10 @@
   background: lightgray;
 }
 
+.bg-highlight {
+  background: lightgray !important;
+}
+
 #load-btn {
   position: absolute;
   top: 20px;
diff --git a/static/js/map.js b/static/js/map.js
index f295f98..527596f 100644
--- a/static/js/map.js
+++ b/static/js/map.js
@@ -320,6 +320,11 @@ function mouse_events(marker, qid) {
   marker.on("click", function () {
     isa_card.classList.add("visually-hidden");
     detail_card.classList.remove("visually-hidden");
+    detail_card.classList.add("bg-highlight");
+
+    window.setTimeout(function() {
+      detail_card.classList.remove("bg-highlight");
+    }, 500);
 
     var item_detail = build_item_detail(items[qid].wikidata);
     detail.innerHTML = item_detail;