diff --git a/packages/calcite-components/src/components/stepper-item/stepper-item.scss b/packages/calcite-components/src/components/stepper-item/stepper-item.scss
index 5f5c435e6d7..ce74d3ef84d 100644
--- a/packages/calcite-components/src/components/stepper-item/stepper-item.scss
+++ b/packages/calcite-components/src/components/stepper-item/stepper-item.scss
@@ -126,14 +126,17 @@
 // stepper item icon
 :host .stepper-item-icon {
   margin-inline-end: var(--calcite-internal-stepper-item-spacing-unit-m);
-  @apply opacity-disabled
-    mt-px
+  @apply mt-px
     inline-flex
     h-3
     flex-shrink-0
     self-start;
 
-  color: var(--calcite-stepper-item-icon-color, var(--calcite-color-text-3));
+  color: var(--calcite-stepper-item-icon-color, var(--calcite-color-border-input));
+}
+
+:host([complete]) .stepper-item-icon {
+  @apply opacity-disabled;
 }
 
 // stepper item title