fix: reduce space between name and address

src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx

@@ -4,6 +4,7 @@ import { Typography } from '@mui/material'
 import { hexDataLength } from 'ethers/lib/utils'
 import type { ReactElement, ReactNode } from 'react'
 import css from './styles.module.css'
+import valueCss from '@/components/transactions/TxDetails/TxData/DecodedData/Value/styles.module.css'
 import EthHashInfo from '@/components/common/EthHashInfo'
 
 type TxDataRowProps = {
@@ -31,7 +32,11 @@ export const generateDataRowValue = (
   switch (type) {
     case 'hash':
     case 'address':
-      return <EthHashInfo address={value} hasExplorer={hasExplorer} showAvatar={false} showCopyButton />
+      return (
+        <div className={valueCss.address}>
+          <EthHashInfo address={value} hasExplorer={hasExplorer} showAvatar={false} showCopyButton />
+        </div>
+      )
     case 'rawData':
       return (
         <div className={css.rawData}>

src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/index.tsx

@@ -47,14 +47,9 @@ export const Value = ({ type, value, ...props }: ValueArrayProps): ReactElement
               return <Value key={key} {...newProps} />
             }
             return (
-              <EthHashInfo
-                key={`${address}_${key}`}
-                address={address}
-                showAvatar={false}
-                shortAddress={false}
-                showCopyButton
-                hasExplorer
-              />
+              <div key={`${address}_${key}`} className={css.address}>
+                <EthHashInfo address={address} showAvatar={false} shortAddress={false} showCopyButton hasExplorer />
+              </div>
             )
           })}
         </div>

src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/styles.module.css

@@ -1,3 +1,8 @@
 .nestedWrapper {
   padding-left: 12px;
 }
+
+/* Reduce space between name/address for clarity between rows */
+.address > div {
+  line-height: 1;
+}