diff --git a/src/core/components/PolarMap.ce.vue b/src/core/components/PolarMap.ce.vue
index f5085e4b9b..04cfa556c8 100644
--- a/src/core/components/PolarMap.ce.vue
+++ b/src/core/components/PolarMap.ce.vue
@@ -156,7 +156,7 @@ function updateListeners() {
 			if (
 				overlay.value &&
 				e.maxPointers === 1 &&
-				mainStore.map
+				!mainStore.map
 					.getInteractions()
 					.getArray()
 					.some((interaction) => interaction.get('_isPolarDragLikeInteraction'))
@@ -168,6 +168,7 @@ function updateListeners() {
 }
 
 watch(hasWindowSize, updateListeners)
+watch(hasSmallDisplay, updateListeners)
 </script>
 
 <!-- eslint-disable-next-line vue/enforce-style-attribute -->
diff --git a/src/core/components/PolarMapOverlay.ce.vue b/src/core/components/PolarMapOverlay.ce.vue
index 81f00b5a30..2be001e731 100644
--- a/src/core/components/PolarMapOverlay.ce.vue
+++ b/src/core/components/PolarMapOverlay.ce.vue
@@ -69,8 +69,8 @@ defineExpose({
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	width: inherit;
-	height: inherit;
+	width: 100%;
+	height: 100%;
 	z-index: 42;
 	font-size: var(--kern-typography-font-size-static-large);
 	text-align: center;