diff --git a/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCard.tsx b/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCard.tsx
index 05c7fafd..093ecb00 100644
--- a/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCard.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCard.tsx
@@ -4,14 +4,18 @@ import Icon from '../../../components/General/Icon'
 
 type ValidatorDataCardProps = {
   title: string
-  value: string
+  value: number
   iconPath: string
+  isFractionResult?: boolean
+  fractionValue?: number
 }
 
 const ValidatorDataCard = ({
   title,
   value,
   iconPath,
+  isFractionResult,
+  fractionValue,
 }: ValidatorDataCardProps) => {
   return (
     <XStack
@@ -30,9 +34,20 @@ const ValidatorDataCard = ({
         <Text size={13} weight={'semibold'} color="#647084">
           {title}
         </Text>
-        <Text size={19} weight={'semibold'}>
-          {value}
-        </Text>
+        {isFractionResult ? (
+          <XStack space="$2">
+            <Text size={19} weight={'semibold'}>
+              {fractionValue}
+            </Text>
+            <Text size={19} weight={'semibold'} color="#7F7F7F">
+              / {value}
+            </Text>
+          </XStack>
+        ) : (
+          <Text size={19} weight={'semibold'}>
+            {value}
+          </Text>
+        )}
       </YStack>
     </XStack>
   )
diff --git a/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCards.tsx b/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCards.tsx
index 8c2aa78f..1c548145 100644
--- a/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCards.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/ValidatorDataCards.tsx
@@ -15,14 +15,14 @@ const ValidatorDataCards = () => {
       }}
     >
       <ValidatorPeersCard title="Peers" value="67"></ValidatorPeersCard>
-      <ValidatorDataCard title="Blocks" value="1" iconPath="ghost.png" />
+      <ValidatorDataCard title="Blocks" value={1900} fractionValue={1023} iconPath="ghost.png" isFractionResult={true}/>
       <ValidatorDataCard
         title="Attestations"
-        value="1452"
+        value={1452}
         iconPath="rubiks-cube.png"
       />
-      <ValidatorDataCard title="Syncs" value="45" iconPath="pacman.png" />
-      <ValidatorDataCard title="Deposits" value="1" iconPath="toaster.png" />
+      <ValidatorDataCard title="Syncs" value={45} iconPath="pacman.png" />
+      <ValidatorDataCard title="Deposits" value={1} iconPath="toaster.png" />
     </Stack>
   )
 }