From 86dcb01def6de34c5ee8f88c90a1e26471a0f105 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 27 Sep 2023 18:28:17 +0300
Subject: [PATCH] feat: style and code structure small changes

---
 src/components/General/ValidatorsMenuWithPrice.tsx | 6 +++---
 src/pages/ValidatorOnboarding/Deposit/Deposit.tsx  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/General/ValidatorsMenuWithPrice.tsx b/src/components/General/ValidatorsMenuWithPrice.tsx
index af279d7d..c060c7eb 100644
--- a/src/components/General/ValidatorsMenuWithPrice.tsx
+++ b/src/components/General/ValidatorsMenuWithPrice.tsx
@@ -19,12 +19,12 @@ const ValidatorsMenuWithPrice = ({
 }: ValidatorsMenuWithPriceProps) => {
   const [currency, setCurrency] = useState(CURRENCIES[0])
 
-  const totalPrice = (validatorCount * currency.price).toFixed(2)
-
   const changeCurrency = (currency: (typeof CURRENCIES)[0]) => {
     setCurrency(currency)
   }
 
+  const totalPrice = validatorCount * currency.price
+
   return (
     <XStack justifyContent={'space-between'} width={'80%'}>
       <Stack space={'$2'}>
@@ -61,7 +61,7 @@ const ValidatorsMenuWithPrice = ({
         </XStack>
         <Text size={27} weight={'semibold'}>
           {currency.symbol}
-          {totalPrice} {currency.name}
+          {totalPrice.toFixed(2)} {currency.name}
         </Text>
       </YStack>
     </XStack>
diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
index cbb7628c..71053a2c 100644
--- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
+++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
@@ -46,7 +46,7 @@ const Deposit = () => {
           label={DEPOSIT_SUBTITLE}
         />
       )}
-      <DividerLine />
+      <DividerLine style={{ marginTop: '15px' }} />
       {Array.from({ length: validatorCount }).map((_, index) => (
         <ValidatorRequest key={index} number={index + 1} />
       ))}