diff --git a/src/display/annotation_layer.js b/src/display/annotation_layer.js
index 49d06220643d4..aa318d4a0773d 100644
--- a/src/display/annotation_layer.js
+++ b/src/display/annotation_layer.js
@@ -418,8 +418,7 @@ class AnnotationElement {
     // If no trigger element is specified, create it.
     if (!trigger) {
       trigger = document.createElement("div");
-      trigger.style.height = container.style.height;
-      trigger.style.width = container.style.width;
+      trigger.className = "popupTriggerArea";
       container.append(trigger);
     }
 
diff --git a/web/annotation_layer_builder.css b/web/annotation_layer_builder.css
index bb8cb6bde9d49..8992533ea51ea 100644
--- a/web/annotation_layer_builder.css
+++ b/web/annotation_layer_builder.css
@@ -205,6 +205,11 @@
   appearance: none;
 }
 
+.annotationLayer .popupTriggerArea {
+  height: 100%;
+  width: 100%;
+}
+
 .annotationLayer .popupWrapper {
   position: absolute;
   font-size: calc(9px * var(--scale-factor));