diff --git a/packages/react-ui-components/src/DropDown/style.css b/packages/react-ui-components/src/DropDown/style.css
index 88e5479a64..37cc8954e7 100644
--- a/packages/react-ui-components/src/DropDown/style.css
+++ b/packages/react-ui-components/src/DropDown/style.css
@@ -49,7 +49,7 @@
     position: absolute;
     top: 100%;
     left: 0;
-    z-index: var(--zIndex-DropdownContents-Context);
+    z-index: var(--zIndex-SecondaryInspectorElevated-DropDownContents);
     display: none;
     width: 100%;
     margin: 0;
diff --git a/packages/react-ui-components/src/SelectBox/style.css b/packages/react-ui-components/src/SelectBox/style.css
index 5c6c055522..9aeab2a434 100644
--- a/packages/react-ui-components/src/SelectBox/style.css
+++ b/packages/react-ui-components/src/SelectBox/style.css
@@ -31,7 +31,7 @@
 .selectBox__contents {
     min-width: 160px;
     box-shadow: 0 5px 5px rgba(#000, .2);
-    z-index: var(--zIndex-SelectBoxContents);
+    z-index: var(--zIndex-SecondaryInspectorElevated-DropDownContents);
     margin-top: -2px;
 }