diff --git a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
index cd5b9378..155cb584 100644
--- a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
@@ -17,7 +17,7 @@ import ContinueButton from './ContinueButton'
 import ActivationValidatorSetup from './ValidatorSetup/ValidatorActivation/ActivationValidatorSetup'
 import Deposit from './Deposit/Deposit'
 import { useWindowSize } from '../../hooks/useWindowSize'
- 
+ import styles from './layoutGradient.module.css'
 
 const ValidatorOnboarding = () => {
   const { activeStep, subStepValidatorSetup } = useSelector(
@@ -26,7 +26,7 @@ const ValidatorOnboarding = () => {
   const windowSize = useWindowSize()
 
   return (
-    <div className="gradient-wrapper">
+    <div className={styles.gradientWrapper}>
       <YStack
         style={{
           width: '100%',
diff --git a/src/pages/ValidatorOnboarding/layoutGradient.module.css b/src/pages/ValidatorOnboarding/layoutGradient.module.css
index bd143523..80a5bd6f 100644
--- a/src/pages/ValidatorOnboarding/layoutGradient.module.css
+++ b/src/pages/ValidatorOnboarding/layoutGradient.module.css
@@ -1,4 +1,4 @@
-.gradient-wrapper .image-container .background-img {
+.gradientWrapper .image-container .background-img {
   position: absolute;
   top: 50%;
   left: 75%;
@@ -6,7 +6,7 @@
   width: auto;
 }
 
-.gradient-wrapper:after {
+.gradientWrapper:after {
   display: block;
   content: '';
   position: absolute;