From 27f8e4b56082406c623fa9d23505ce47b43fe05a Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 14 Feb 2024 10:58:46 +0200
Subject: [PATCH] chore(overview-css): fix class names

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx    |  4 ++--
 .../ValidatorOnboarding/Overview/OverviewCard.tsx      |  2 +-
 .../Overview/overviewLayout.module.css                 | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index 1806c4dd..daf8034a 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -1,4 +1,4 @@
-import { YStack, Stack } from 'tamagui'
+import { YStack } from 'tamagui'
 import { Text } from '@status-im/components'
 
 import OverviewCard from './OverviewCard'
@@ -37,7 +37,7 @@ const Overview = () => {
           style={{ marginBottom: '1rem', fontSize: '13px' }}
         />
       </YStack>
-      <div className={styles.overviewCards}>
+      <div className={styles['overview-cards']}>
         <OverviewCard text={'Current APR'} value={'4.40%'} />
         <OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
         <OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />
diff --git a/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
index 5f9e5bf1..1f4bf5c8 100644
--- a/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
@@ -9,7 +9,7 @@ type OverviewCardProps = {
 
 const OverviewCard = ({ text, value }: OverviewCardProps) => {
   return (
-    <div className={styles['overviewCard']}>
+    <div className={styles['overview-card']}>
       <div>
         <Text size={15} weight={'semibold'}>
           {text}
diff --git a/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css b/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
index bf37d591..0e7faf1a 100644
--- a/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
+++ b/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
@@ -1,11 +1,11 @@
-.overviewCards {
+.overview-cards {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
   width: 258%;
 }
 
-.overviewCard {
+.overview-card {
   border-radius: 16px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   padding: 10px 12px;
@@ -13,19 +13,19 @@
 }
 
 @media screen and (max-width: 1300px) {
-  .overviewCards {
+  .overview-cards {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
 @media screen and (max-width: 1000px) {
-  .overviewCards {
+  .overview-cards {
     width: 100%;
   }
 }
 
 @media screen and (max-width: 515px) {
-  .overviewCards {
+  .overview-cards {
     grid-template-columns: 1fr;
   }
 }