diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx index cdbf22fc..a0ee1c68 100644 --- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx +++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx @@ -95,6 +95,9 @@ const FormStepper = ({ activeStep }: FormStepperProps) => { completed={activeStep > originalIndex - 1} data-subtitle={step.subtitle} data-step={step.label} + style={ + originalIndex === activeStep ? { backgroundColor: stepStyle.currentBgColor } : {} + } /> ) })} @@ -121,6 +124,7 @@ const stepStyle = { labelFontSize: '13px', borderRadius: '50%', fontWeight: 700, + currentBgColor: '#808080', } const customConnectorStyle = {