fix last block layout + tx additional info fix

mocks/blocks/block.ts

@@ -32,7 +32,7 @@ export const base: Block = {
       type: 'POA Mania Reward',
     },
     {
-      reward: '1026853607500000000',
+      reward: '1026853607510000000',
       type: 'Validator Reward',
     },
     {

ui/home/LatestBlocksItem.tsx

@@ -64,7 +64,7 @@ const LatestBlocksItem = ({ block, h, isLoading }: Props) => {
         { !config.features.rollup.isEnabled && !config.UI.views.block.hiddenFields?.nonce && (
           <>
             <Skeleton isLoaded={ !isLoading }>Reward</Skeleton>
-            <Skeleton isLoaded={ !isLoading } color="text_secondary"><span>{ totalReward.toFixed() }</span></Skeleton>
+            <Skeleton isLoaded={ !isLoading } color="text_secondary"><span>{ totalReward.dp(10).toFixed() }</span></Skeleton>
             <Skeleton isLoaded={ !isLoading } textTransform="capitalize">{ getNetworkValidatorTitle() }</Skeleton>
             <AddressEntity
               address={ block.miner }

ui/txs/TxAdditionalInfoContent.tsx

@@ -38,6 +38,8 @@ const TxAdditionalInfoContent = ({ tx }: { tx: Transaction }) => {
             currency={ config.chain.currency.symbol }
             exchangeRate={ tx.exchange_rate }
             accuracyUsd={ 2 }
+            flexWrap="wrap"
+            rowGap={ 0 }
           />
         </Flex>
       </Box>