diff --git a/src/components/components/wizard-navigation-bar.component.horizontal.less b/src/components/components/wizard-navigation-bar.component.horizontal.less
index 28aff89d..72817587 100644
--- a/src/components/components/wizard-navigation-bar.component.horizontal.less
+++ b/src/components/components/wizard-navigation-bar.component.horizontal.less
@@ -94,7 +94,7 @@
 
       // default steps shouldn't change when hovered, because they aren't clickable
       li.default a:hover {
-        .state-circle-with-background(@wz-color-current);
+        color: @wz-color-current;
       }
 
       li.current:after {
@@ -132,7 +132,7 @@
 
       // default steps shouldn't change when hovered, because they aren't clickable
       li.default a:hover {
-        .state-circle-with-background(@wz-color-current);
+        color: @wz-color-current;
       }
 
       li.current:after {
@@ -170,7 +170,7 @@
 
       // default steps shouldn't change when hovered, because they aren't clickable
       li.default a:hover {
-        .state-circle-with-border(@dot-border-width, @wz-color-current);
+        color: @wz-color-current;
       }
 
       li.current:after {
@@ -210,7 +210,7 @@
 
       // default steps shouldn't change when hovered, because they aren't clickable
       li.default a:hover {
-        .state-circle-with-background-and-content(@wz-color-current);
+        color: @wz-color-current;
       }
 
       li.current:after {
@@ -250,7 +250,7 @@
 
       // default steps shouldn't change when hovered, because they aren't clickable
       li.default a:hover {
-        .state-circle-with-border-and-content(@dot-border-width, @wz-color-current);
+        color: @wz-color-current;
       }
 
       li.current:after {