diff --git a/services/web/frontend/stylesheets/app/plans-v2.less b/services/web/frontend/stylesheets/app/plans-v2.less
index a1d09852a2..624ae29213 100644
--- a/services/web/frontend/stylesheets/app/plans-v2.less
+++ b/services/web/frontend/stylesheets/app/plans-v2.less
@@ -8,7 +8,6 @@
 @plans-v2-learn-more-link-color: hsl(206, 100%, 52%);
 @plans-v2-top-switch-group-width-mobile: 46%;
 @plans-v2-discount-highlighted-text-z-index: 2;
-@plans-v2-table-sticky-header-z-index: 100;
 @plans-v2-table-border-radius: 20px;
 @plans-v2-dark-blue: #2857a1;
 
@@ -1138,7 +1137,7 @@ p.plans-v2-table-discount-highlighted-text {
     width: 100vw;
     top: 0;
     left: 0;
-    z-index: @plans-v2-table-sticky-header-z-index;
+    z-index: @z-index-plans-page-table-header-mobile;
     height: 40px;
 
     // separate sticky class because we want to remove the class (to visually remove the sticky header)
diff --git a/services/web/frontend/stylesheets/components/navbar.less b/services/web/frontend/stylesheets/components/navbar.less
index c0db55cd73..0285586270 100755
--- a/services/web/frontend/stylesheets/components/navbar.less
+++ b/services/web/frontend/stylesheets/components/navbar.less
@@ -84,7 +84,7 @@
 }
 
 .navbar-main {
-  z-index: 1;
+  z-index: @z-index-navbar;
   .container-fluid > .navbar-collapse {
     // High specificity needed to override Bootstrap's default.
     margin: 10px 0 0;
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 60ff67f37b..e45cf19c76 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -1171,3 +1171,7 @@
   #254c84 29%,
   @blue-40 97%
 );
+
+// z-index
+@z-index-plans-page-table-header-mobile: 100;
+@z-index-navbar: 200;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index 2d7adb96b7..b8e7611eef 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -1,4 +1,5 @@
 @import 'colors.less';
+@import 'z-index.less';
 
 //
 // Variables
diff --git a/services/web/frontend/stylesheets/variables/z-index.less b/services/web/frontend/stylesheets/variables/z-index.less
new file mode 100644
index 0000000000..1149775475
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/z-index.less
@@ -0,0 +1,2 @@
+@z-index-plans-page-table-header-mobile: 100;
+@z-index-navbar: 200;