diff --git a/themes/bootstrap3/js/map_selection.js b/themes/bootstrap3/js/map_selection.js
index a3abce25c15408f702cd7e15ad4c6afe59a7775c..fe2159cb0b78f0dfeea4d5c9cb76a7ff8eac4540 100644
--- a/themes/bootstrap3/js/map_selection.js
+++ b/themes/bootstrap3/js/map_selection.js
@@ -191,6 +191,10 @@ function loadMapSelection(geoField, boundingBox, baseURL, homeURL, searchParams,
         }
       }
     });
+    // close popup if zoom in / out occurs
+    map.getView().on('change:resolution', function closePopupsOnZoom() {
+      $(element).popover('destroy');
+    });
   };
   function addInteraction() {
     draw = new ol.interaction.Draw ({
diff --git a/themes/bootstrap3/js/map_tab_ol.js b/themes/bootstrap3/js/map_tab_ol.js
index c8fc30a17364785dfbf70774b2d3d92d2a617362..bf3e4c435c90d9721603a2a2faa45d01350fac8d 100644
--- a/themes/bootstrap3/js/map_tab_ol.js
+++ b/themes/bootstrap3/js/map_tab_ol.js
@@ -186,6 +186,10 @@ function loadMapTab(mapData, popupTitle) {
           document.getElementById(target).style.cursor = "default";
         }
       });
+      // close popup if zoom in / out occurs
+      map.getView().on('change:resolution', function closePopupsOnZoom() {
+        $(element).popover('destroy');
+      });
     }
   };
   init();