From e90fed3309760ad71ec5f7ff348cf28b5bead033 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 1 Feb 2024 08:57:37 +0200
Subject: [PATCH] feat(deposit): move container style into module

---
 src/pages/ValidatorOnboarding/Deposit/Deposit.tsx     | 11 ++---------
 .../ValidatorOnboarding/Deposit/deposit.module.css    |  7 +++++++
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
index e6ee3e3c..c5d70457 100644
--- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
+++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
@@ -12,6 +12,7 @@ import ChainParity from './ChainParity'
 import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuWithPrice'
 import { RootState } from '../../../redux/store'
 import { DEPOSIT_SUBTITLE } from '../../../constants'
+import styles from './deposit.module.css'
 
 const Deposit = () => {
   const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
@@ -31,15 +32,7 @@ const Deposit = () => {
   }
 
   return (
-    <YStack
-      space={'$3'}
-      style={{
-        width: '100%',
-        padding: '16px 32px',
-        alignItems: 'start',
-        paddingBottom: '30px',
-      }}
-    >
+    <YStack space={'$3'} className={styles['deposit-container']}>
       <DepositTitle />
       {isChainParity ? (
         <ChainParity />
diff --git a/src/pages/ValidatorOnboarding/Deposit/deposit.module.css b/src/pages/ValidatorOnboarding/Deposit/deposit.module.css
index dee71d74..d55376c9 100644
--- a/src/pages/ValidatorOnboarding/Deposit/deposit.module.css
+++ b/src/pages/ValidatorOnboarding/Deposit/deposit.module.css
@@ -1,3 +1,10 @@
+.deposit-container {
+  width: 100%;
+  padding: 16px 32px;
+  align-items: start;
+  padding-bottom: 30px;
+}
+
 .chain-parity-img-container {
   padding: 7.5% 20%;
 }