style: adjust font sizes

Author: Nick-1979

packages/extension-polkagate/src/components/AccountIcons.tsx

@@ -53,7 +53,7 @@ function AccountIcons ({ address, identiconTheme, isSubId, judgements, prefix }:
           isSubId={isSubId}
           judgement={judgements}
           prefix={prefix}
-          size={40}
+          size={35}
           value={formatted || address}
         />
       </Grid>

packages/extension-polkagate/src/popup/home/AccountDetail.tsx

@@ -90,7 +90,7 @@ const Balance = ({ balanceToShow, isBalanceOutdated }: { balanceToShow: Balances
   return (
     <>
       {balanceToShow?.decimal
-        ? <Grid item sx={{ color: isBalanceOutdated ? 'primary.light' : 'text.primary', fontWeight: 500 }}>
+        ? <Grid item sx={{ color: isBalanceOutdated ? 'primary.light' : 'text.primary', fontWeight: 400 }}>
           <FormatBalance2
             decimalPoint={2}
             decimals={[balanceToShow.decimal]}
@@ -111,7 +111,7 @@ const BalanceRow = ({ address, hideNumbers }: { address: string, hideNumbers: bo
   const chainName = useChainName(address);
 
   const { price, priceChainName, priceDate } = useTokenPrice(address);
-  const isPriceOutdated = useMemo(() => priceDate !== undefined && Date.now() - priceDate > BALANCES_VALIDITY_PERIOD, [priceDate]); 
+  const isPriceOutdated = useMemo(() => priceDate !== undefined && Date.now() - priceDate > BALANCES_VALIDITY_PERIOD, [priceDate]);
   const isBalanceOutdated = useMemo(() => balances && Date.now() - balances.date > BALANCES_VALIDITY_PERIOD, [balances]);
 
   const [balanceToShow, setBalanceToShow] = useState<BalancesInfo>();
@@ -163,7 +163,7 @@ function AccountDetail ({ address, chain, goToAccount, hideNumbers, identity, is
     <Grid container direction='column' sx={{ width: '70%' }}>
       <Grid container direction='row' item sx={{ lineHeight: '20px' }}>
         <Grid item maxWidth='70%' onClick={goToAccount} sx={{ cursor: 'pointer' }}>
-          <Typography fontSize='24px' overflow='hidden' textOverflow='ellipsis' whiteSpace='nowrap'>
+          <Typography fontSize='18px' fontWeight={400} mt ='5px' overflow='hidden' textOverflow='ellipsis' whiteSpace='nowrap'>
             {identity?.display || name || t('Unknown')}
           </Typography>
         </Grid>