fix(balance chart): fix balance chart resizing bug

src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx

@@ -41,7 +41,7 @@ const BalanceChartCard = () => {
   }
 
   return (
-    <DashboardCardWrapper minWidth={'436px'} width="100%">
+    <DashboardCardWrapper minWidth={'436px'} width="100%" height="100%">
       <YStack space={'$4'}>
         <XStack justifyContent={'space-between'}>
           <YStack>

src/pages/Dashboard/BalanceChartCard/LineChart.tsx

@@ -37,7 +37,7 @@ const LineChart = ({ years, userGains }: LineChartProps) => {
   }
 
   return (
-    <Stack width={'100%'} height={'75%'}>
+    <Stack width={'100%'} height={'79%'}>
       <Line data={data} options={options} />
     </Stack>
   )

src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx

@@ -35,7 +35,7 @@ const ConsensusCard = ({ value, total }: ConsensusCardProps) => {
   return (
     <Shadow variant="$1" style={style}>
       <YStack>
-        <Stack style={{ minHeight: '90px', padding: '12px 16px' }}>
+        <Stack style={{ padding: '12px 16px' }}>
           <Text size={15} weight={'semibold'} color="#647084">
             Consensus Client
           </Text>
@@ -45,8 +45,8 @@ const ConsensusCard = ({ value, total }: ConsensusCardProps) => {
             <Icon src="./icons/vector.svg" height={30} width={60} />
             <Stack
               style={{
-                height: '56px',
-                width: '56px',
+                height: '70px',
+                width: '70px',
               }}
             >
               <StandardGauge data={data} />

src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx

@@ -42,8 +42,8 @@ const ExecutionClientCard = ({ value, total }: ExecutionClientCardProps) => {
             </Text>
             <Stack
               style={{
-                height: '56px',
-                width: '56px',
+                height: '70px',
+                width: '70px',
               }}
             >
               <StandardGauge data={data} />

src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx

@@ -7,13 +7,14 @@ import ConsensusCard from './ConsensusClientCard'
 
 const SyncStatusCards = () => {
   return (
-    <DashboardCardWrapper padding="0" minWidth="200px">
+    <DashboardCardWrapper padding="0" minWidth="200px" height="100%">
       <YStack space={'$3'}>
-        <Stack style={{ padding: '16px' }}>
+        <div style={{ padding: '8px 16px' }}>
           <Text size={19} weight={'semibold'}>
             Sync Status
           </Text>
-        </Stack>
+        </div>
+
         <YStack>
           <ExecutionClientCard value={153.424} total={170} />
           <Separator borderColor={'#e3e3e3'} />