diff --git a/packages/theme/src/theme/_variables.scss b/packages/theme/src/theme/_variables.scss
index 25a95d30cf2..3f85ab326f0 100644
--- a/packages/theme/src/theme/_variables.scss
+++ b/packages/theme/src/theme/_variables.scss
@@ -307,15 +307,15 @@ $dropdown-header-color: $gray-light !default;
 //
 // Note: These variables are not generated into the Customizer.
 
-$zindex-navbar: tokens.$coral-elevation-layer-flat !default;
-$zindex-dropdown: tokens.$coral-elevation-layer-interactive-front !default;
-$zindex-navbar-fixed: tokens.$coral-elevation-layer-standard-front !default;
-$zindex-modal-background: tokens.$coral-elevation-layer-standard-front !default;
-$zindex-modal: tokens.$coral-elevation-layer-standard-front !default;
-$zindex-popover: tokens.$coral-elevation-layer-interactive-front !default;
-$zindex-tooltip: tokens.$coral-elevation-layer-overlay !default;
-$zindex-guidedtour: tokens.$coral-elevation-layer-overlay !default;
-$zindex-notification: tokens.$coral-elevation-layer-overlay !default;
+$zindex-navbar: tokens.$coral-elevation-layer-flat !default; // 0
+$zindex-dropdown: tokens.$coral-elevation-layer-interactive-front !default; // 8
+$zindex-navbar-fixed: tokens.$coral-elevation-layer-standard-front !default; // 4
+$zindex-modal-background: tokens.$coral-elevation-layer-standard-front !default; // 4
+$zindex-modal: tokens.$coral-elevation-layer-standard-front !default; // 4
+$zindex-popover: tokens.$coral-elevation-layer-interactive-front !default; // 8
+$zindex-tooltip: tokens.$coral-elevation-layer-overlay !default; // 16
+$zindex-guidedtour: tokens.$coral-elevation-layer-overlay !default; // 16
+$zindex-notification: tokens.$coral-elevation-layer-overlay !default; // 16
 
 //== Media queries breakpoints
 //