fix address table

Author: eallend

ui/addresses/AddressesTable.tsx

@@ -25,10 +25,10 @@ const AddressesTable = ({ items, totalSupply, pageStartIndex, top, isLoading }:
       <Thead top={ top }>
         <Tr>
           <Th width="64px">Rank</Th>
-          <Th width={ hasPercentage ? '50%' : '60%' }>Address</Th>
-          <Th width={ hasPercentage ? '20%' : '25%' } isNumeric>{ `Balance ${ currencyUnits.ether }` }</Th>
-          { hasPercentage && <Th width="15%" isNumeric>Percentage</Th> }
-          <Th width="15%" isNumeric>Txn count</Th>
+          <Th width="50%">Address</Th>
+          <Th width={ hasPercentage ? '20%' : '25%' } textAlign="center">{ `Balance ${ currencyUnits.ether }` }</Th>
+          { hasPercentage && <Th width="15%" textAlign="center">Percentage</Th> }
+          <Th width="15%" textAlign="center">Txn count</Th>
         </Tr>
       </Thead>
       <Tbody>

ui/addresses/AddressesTableItem.tsx

@@ -48,18 +48,18 @@ const AddressesTableItem = ({
           )) : null }
         </Flex>
       </Td>
-      <Td isNumeric>
+      <Td textAlign="center">
         <Skeleton isLoaded={ !isLoading } display="inline-block" maxW="100%">
           <Text lineHeight="24px" as="span">{ addressBalanceChunks[0] + (addressBalanceChunks[1] ? '.' : '') }</Text>
           <Text lineHeight="24px" variant="secondary" as="span">{ addressBalanceChunks[1] }</Text>
         </Skeleton>
       </Td>
       { hasPercentage && (
-        <Td isNumeric>
+        <Td textAlign="center">
           <Text lineHeight="24px">{ addressBalance.div(totalSupply).multipliedBy(100).dp(8).toFormat() + '%' }</Text>
         </Td>
       ) }
-      <Td isNumeric>
+      <Td textAlign="center">
         <Skeleton isLoaded={ !isLoading } display="inline-block" lineHeight="24px">
           { Number(item.transaction_count).toLocaleString() }
         </Skeleton>