diff --git a/src/MeasurementControl/measurementsPanel.css b/src/MeasurementControl/measurementsPanel.css
index cf5405e..eba5091 100644
--- a/src/MeasurementControl/measurementsPanel.css
+++ b/src/MeasurementControl/measurementsPanel.css
@@ -322,3 +322,14 @@
   white-space: nowrap;
   z-index: 2100;
 }
+
+/* Container overlay for on-canvas measurement labels. */
+.measurement-label-overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 2000;
+}
diff --git a/src/MeasurementControl/measurementsPanel.js b/src/MeasurementControl/measurementsPanel.js
index 00f3517..e01442f 100644
--- a/src/MeasurementControl/measurementsPanel.js
+++ b/src/MeasurementControl/measurementsPanel.js
@@ -75,13 +75,7 @@ export function initMeasurementsPanel(viewer) {
   if (renderArea) {
     overlay = document.createElement('div')
     overlay.id = 'measurement_label_overlay'
-    overlay.style.position = 'absolute'
-    overlay.style.left = '0'
-    overlay.style.top = '0'
-    overlay.style.width = '100%'
-    overlay.style.height = '100%'
-    overlay.style.pointerEvents = 'none'
-    overlay.style.zIndex = '2000'
+    overlay.classList.add('measurement-label-overlay')
     renderArea.appendChild(overlay)
   }
   const listDivider = document.createElement('div')