diff --git a/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss
index 7eb832c9a53..558489d3864 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/stepper/_stepper-theme.scss
@@ -446,11 +446,11 @@
                     color: var-get($theme, 'complete-subtitle-hover-color');
                 }
             }
+        }
 
-            &::after {
-                border-top-color: var-get($theme, 'complete-step-separator-color') !important;
-                border-top-style: var-get($theme, 'complete-step-separator-style') !important;
-            }
+        %igx-stepper__step-header::after {
+            border-top-color: var-get($theme, 'complete-step-separator-color') !important;
+            border-top-style: var-get($theme, 'complete-step-separator-style') !important;
         }
 
         &:focus {