diff --git a/src/common/BaseAnnotator.scss b/src/common/BaseAnnotator.scss
index 4cd95e57a..e7b511549 100644
--- a/src/common/BaseAnnotator.scss
+++ b/src/common/BaseAnnotator.scss
@@ -30,3 +30,7 @@
     @include box-sizing;
     @include common-typography;
 }
+
+.ba-Layer--popup {
+    z-index: 4;
+}
diff --git a/src/drawing/DrawingAnnotations.scss b/src/drawing/DrawingAnnotations.scss
index 5b2075fd9..e53d042f6 100644
--- a/src/drawing/DrawingAnnotations.scss
+++ b/src/drawing/DrawingAnnotations.scss
@@ -37,3 +37,7 @@
         pointer-events: none;
     }
 }
+
+.ba-Layer--drawing {
+    z-index: 3;
+}
diff --git a/src/highlight/HighlightAnnotations.scss b/src/highlight/HighlightAnnotations.scss
index 7cc9551cd..d27b42e74 100644
--- a/src/highlight/HighlightAnnotations.scss
+++ b/src/highlight/HighlightAnnotations.scss
@@ -10,3 +10,7 @@
 .ba-HighlightAnnotations-popup {
     pointer-events: auto;
 }
+
+.ba-Layer--highlight {
+    z-index: 3;
+}
diff --git a/src/image/ImageAnnotator.scss b/src/image/ImageAnnotator.scss
index b96c7c01a..c4d432317 100644
--- a/src/image/ImageAnnotator.scss
+++ b/src/image/ImageAnnotator.scss
@@ -15,6 +15,6 @@
     // transform applied to each of the managers' react mount element to account for
     // rotation
     .ba-Layer--popup {
-        z-index: 1;
+        z-index: 4;
     }
 }
diff --git a/src/region/RegionAnnotation.scss b/src/region/RegionAnnotation.scss
index 66425bd4b..54b3aed1e 100644
--- a/src/region/RegionAnnotation.scss
+++ b/src/region/RegionAnnotation.scss
@@ -20,3 +20,7 @@
         @include ba-RegionRect-callout;
     }
 }
+
+.ba-Layer--region {
+    z-index: 3;
+}