From af3e59895fe24f4673e11dc5e7c2cf65b76119b3 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 2 Feb 2024 12:38:32 +0200
Subject: [PATCH] fix(stapper): use module in css

---
 src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
index 7a035b56..788ee6af 100644
--- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
+++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
@@ -2,7 +2,7 @@ import { Stepper, Step } from 'react-form-stepper'
 import { useNavigate } from 'react-router-dom'
 import { FORM_STEPS } from '../../../constants'
 import { useWindowSize } from '../../../hooks/useWindowSize'
-import './FormStepper.css'
+import styles from './FormStepper.module.css'
 
 type FormStepperProps = {
   activeStep: number
@@ -94,7 +94,7 @@ const FormStepper = ({ activeStep }: FormStepperProps) => {
           <Step
             key={originalIndex}
             label={`${step.label}`}
-            className="custom-step"
+            className={styles['custom-step']}
             onClick={() => changeStepOnClickHandler(originalIndex)}
             completed={activeStep > originalIndex - 1}
             data-subtitle={step.subtitle}