diff --git a/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss
index e9d489aa0a4..4e7f42ab02d 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss
@@ -502,7 +502,15 @@
 
         &:hover {
             background: var-get($theme, 'step-hover-background');
-            color: var-get($theme, 'title-hover-color');
+
+
+            %igx-stepper__step-title {
+                color: var-get($theme, 'title-hover-color');
+            }
+
+            %igx-stepper__step-subtitle {
+                color: var-get($theme, 'subtitle-hover-color');
+            }
         }
 
         @if $variant != material {