fix internal txs

ui/tx/internals/TxInternalsListItem.tsx

@@ -21,13 +21,13 @@ const TxInternalsListItem = ({ type, status, from, to, value, gasLimit }: Props)
         <Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag>
         <TxStatus status={ status }/>
       </Flex>
-      <Box w="100%" display="inline-grid" gridTemplateColumns="1fr auto 1fr" columnGap={ 3 }>
-        <Address>
+      <Box w="100%" display="flex" columnGap={ 3 }>
+        <Address width="calc((100% - 48px) / 2)">
           <AddressIcon hash={ from }/>
           <AddressLink ml={ 2 } fontWeight="500" hash={ from }/>
         </Address>
         <Icon as={ rightArrowIcon } boxSize={ 6 } color="gray.500"/>
-        <Address>
+        <Address width="calc((100% - 48px) / 2)">
           <AddressIcon hash={ to }/>
           <AddressLink ml={ 2 } fontWeight="500" hash={ to }/>
         </Address>

ui/tx/internals/TxInternalsTable.tsx

@@ -11,18 +11,16 @@ const TxInternalsTable = () => {
         <Thead>
           <Tr>
             <Th width="26%">Type</Th>
-            <Th width="20%" pr="0">From</Th>
-            <Th width="20%" pl="0">To</Th>
+            <Th width="20%">From</Th>
+            <Th width="24px" px={ 0 }/>
+            <Th width="20%">To</Th>
             <Th width="17%" isNumeric>Value</Th>
             <Th width="17%" isNumeric>Gas limit</Th>
           </Tr>
         </Thead>
         <Tbody>
           { data.map((item) => (
-            <TxInternalsTableItem
-              key={ item.id }
-              { ...item }
-            />
+            <TxInternalsTableItem key={ item.id } { ...item }/>
           )) }
         </Tbody>
       </Table>

ui/tx/internals/TxInternalsTableItem.tsx

@@ -24,14 +24,16 @@ const TxInternalTableItem = ({ type, status, from, to, value, gasLimit }: Props)
         <Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag>
         <TxStatus status={ status }/>
       </Td>
-      <Td pr="0">
+      <Td>
         <Address>
           <AddressIcon hash={ from }/>
           <AddressLink ml={ 2 } fontWeight="500" hash={ from } flexGrow={ 1 }/>
-          <Icon as={ rightArrowIcon } boxSize={ 6 } mx={ 2 } flexShrink={ 0 } color="gray.500"/>
         </Address>
       </Td>
-      <Td pl="0">
+      <Td px={ 0 }>
+        <Icon as={ rightArrowIcon } boxSize={ 6 } color="gray.500"/>
+      </Td>
+      <Td>
         <Address>
           <AddressIcon hash={ to }/>
           <AddressLink ml={ 2 } fontWeight="500" hash={ to }/>