diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/steps.js b/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
index b9c575192a..1b50a6cc45 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
@@ -241,7 +241,7 @@ export const stepsConfig = {
       padding: { value: 'default' },
       incompletedAccent: { value: '#E4E7EB' },
       incompletedLabel: { value: '#1B1F24' },
-      completedAccent: { value: '#4368E3' },
+      completedAccent: { value: 'var(--primary-brand)' },
       completedLabel: { value: '#1B1F24' },
       currentStepLabel: { value: '#1B1F24' },
     },