Adjust BalanceDistribution header with design changes

oasisprotocol · Mar 5, 2024 · cdd39b9 · cdd39b9
1 parent 518e067
commit cdd39b9
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/app/pages/ConsensusAccountDetailsPage/BalanceDistribution.tsx b/src/app/pages/ConsensusAccountDetailsPage/BalanceDistribution.tsx
@@ -65,13 +65,18 @@ const BalanceDistributionContent: FC<BalanceDistributionContentProps> = ({ accou
 
   return (
     <>
-      {!isMobile && (
-        <Typography sx={{ fontSize: '24px', fontWeight: 700, color: COLORS.brandDark, mb: 3 }}>
-          {t('account.totalValue', {
-            value: totalValue,
-          })}
-        </Typography>
-      )}
+      <Typography
+        sx={{
+          fontSize: isMobile ? '14px' : '24px',
+          fontWeight: isMobile ? 500 : 700,
+          color: COLORS.brandDark,
+          mb: 3,
+        }}
+      >
+        {t('account.totalValue', {
+          value: totalValue,
+        })}
+      </Typography>
       <Box sx={{ height: '250px' }}>
         <PieChart
           compact={false}