update margins

ui/shared/TokenTransfer/TokenTransferTable.tsx

@@ -40,8 +40,8 @@ const TokenTransferTable = ({
             { showTxInfo && <Th width="44px"></Th> }
             <Th width="185px">Token</Th>
             <Th width="160px">Token ID</Th>
-            { showTxInfo && <Th width="30%">Txn hash</Th> }
-            <Th width="40%">From/To</Th>
+            { showTxInfo && <Th width="20%">Txn hash</Th> }
+            <Th width="50%">From/To</Th>
             <Th width="30%" isNumeric>Value</Th>
           </Tr>
         </Thead>

ui/shared/address/AddressFromTo.tsx

@@ -76,7 +76,7 @@ const AddressFromTo = ({ from, to, current, mode: modeProp, className, isLoading
   }
 
   return (
-    <Flex className={ className } alignItems="center" columnGap={ 2 }>
+    <Flex className={ className } alignItems="center">
       <Entity
         address={ from }
         isLoading={ isLoading }
@@ -85,7 +85,8 @@ const AddressFromTo = ({ from, to, current, mode: modeProp, className, isLoading
         noIcon={ noIcon }
         tokenHash={ tokenHash }
         truncation={ truncation }
-        maxW={ truncation === 'constant' ? undefined : 'calc(50% - 18px)' }
+        maxW={ truncation === 'constant' ? undefined : 'calc(50% - 20px)' }
+        mr={ current === from.hash ? 4 : 2 }
       />
       <AddressFromToIcon
         isLoading={ isLoading }
@@ -100,7 +101,8 @@ const AddressFromTo = ({ from, to, current, mode: modeProp, className, isLoading
           noIcon={ noIcon }
           tokenHash={ tokenHash }
           truncation={ truncation }
-          maxW={ truncation === 'constant' ? undefined : 'calc(50% - 18px)' }
+          maxW={ truncation === 'constant' ? undefined : 'calc(50% - 20px)' }
+          ml={ 3 }
         />
       ) : <span>-</span> }
     </Flex>

ui/shared/entities/address/AddressEntity.tsx

@@ -160,10 +160,13 @@ const AddressEntry = (props: EntityProps) => {
       _before={ !props.isLoading && context?.highlightedAddress === props.address.hash ? {
         content: `" "`,
         position: 'absolute',
+        py: 1,
+        pl: 1,
+        pr: props.noCopy ? 2 : 0,
         top: '-5px',
-        left: '-6px',
-        width: `calc(100% + ${ props.noCopy ? 10 : 5 }px)`,
-        height: 'calc(100% + 8px)',
+        left: '-5px',
+        width: `100%`,
+        height: '100%',
         borderRadius: 'base',
         borderColor: highlightedBorderColor,
         borderWidth: '1px',

ui/txs/TxsTable.tsx

@@ -49,7 +49,7 @@ const TxsTable = ({
             <Th width="160px">Type</Th>
             <Th width="20%">Method</Th>
             { showBlockInfo && <Th width="18%">Block</Th> }
-            <Th width={{ base: '224px', xl: '352px' }}>From/To</Th>
+            <Th width={{ base: '224px', xl: '360px' }}>From/To</Th>
             { !config.UI.views.tx.hiddenFields?.value && (
               <Th width="20%" isNumeric>
                 <Link onClick={ sort('value') } display="flex" justifyContent="end">