diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss
index 6c1c3ce3ce7..86525130164 100644
--- a/packages/calcite-components/src/components/stepper/stepper.scss
+++ b/packages/calcite-components/src/components/stepper/stepper.scss
@@ -86,7 +86,7 @@
   }
 
   .step-bar--inactive {
-    fill: var(--light-ui-border-3, #dfdfdf);
+    fill: var(--calcite-ui-border-3, #dfdfdf);
     fill-opacity: 1;
     block-size: 100%;
   }