Update Consensus cards props

src/app/pages/ConsensusDashboardPage/SnapshotDelegators.tsx

@@ -1,20 +1,17 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import Box from '@mui/material/Box'
 import { SnapshotTextCard } from '../../components/Snapshots/SnapshotCard'
-import { useScreenSize } from '../../hooks/useScreensize'
 
 type SnapshotDelegatorsProps = {
   totalDelegators: number | undefined
 }
 
 export const SnapshotDelegators: FC<SnapshotDelegatorsProps> = ({ totalDelegators }) => {
   const { t } = useTranslation()
-  const { isMobile } = useScreenSize()
 
   return (
-    <SnapshotTextCard title={t('validator.delegators')}>
-      {totalDelegators && <Box sx={{ pb: isMobile ? 3 : 5 }}>{totalDelegators.toLocaleString()}</Box>}
+    <SnapshotTextCard title={t('validator.delegators')} withConstantHeight>
+      {typeof totalDelegators === 'number' && totalDelegators.toLocaleString()}
     </SnapshotTextCard>
   )
 }

src/app/pages/ConsensusDashboardPage/SnapshotStaked.tsx

@@ -47,6 +47,7 @@ export const SnapshotStaked: FC<SnapshotStakedProps> = ({ totalStaked, ticker })
           </Box>
         )
       }
+      withConstantHeight
     >
       {totalStaked && (
         <Box sx={{ wordBreak: 'break-all', lineHeight: 1 }}>