more refinements

ui/shared/RawDataSnippet.tsx

@@ -29,7 +29,7 @@ const RawDataSnippet = ({ data, className, title, rightSlot, beforeSlot, textare
       { beforeSlot }
       <Skeleton
         p={ 4 }
-        bgColor={ bgColor }
+        bgColor={ isLoading ? 'inherit' : bgColor }
         maxH={ textareaMaxHeight || '400px' }
         minH={ isLoading ? '200px' : undefined }
         fontSize="sm"

ui/token/TokenTransfer/TokenTransferTableItem.tsx

@@ -52,7 +52,7 @@ const TokenTransferTableItem = ({
         </Grid>
       </Td>
       <Td>
-        <Skeleton isLoaded={ !isLoading } display="inline-block" borderRadius="sm" maxW="100%" py="3px">
+        <Skeleton isLoaded={ !isLoading } display="inline-block" borderRadius="sm" maxW="100%" my="3px">
           <TruncatedTextTooltip label={ method || '' }>
             { method ? <Tag> { method } </Tag> : '-' }
           </TruncatedTextTooltip>
@@ -109,7 +109,7 @@ const TokenTransferTableItem = ({
       ) }
       { (token.type === 'ERC-20' || token.type === 'ERC-1155') && (
         <Td isNumeric verticalAlign="top">
-          <Skeleton isLoaded={ !isLoading } py="7px">
+          <Skeleton isLoaded={ !isLoading } my="7px">
             { value || '-' }
           </Skeleton>
         </Td>