fixes

src/features/Web3/components/Input/InputGroup.module.css

@@ -60,12 +60,13 @@
 }
 
 .submit {
-  width: calc(100% - calc(var(--spacer) / 2) - 2px);
   max-width: none;
-  height: calc(- var(--border-width));
+  height: calc(var(--height) - calc(var(--border-width) * 2));
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border: var(--border-width) solid var(--link-color);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 @media (min-width: 40rem) {

src/features/Web3/components/Send/Send.tsx

@@ -5,7 +5,7 @@ import type {
   SendTransactionArgs,
   WriteContractPreparedArgs
 } from 'wagmi/actions'
-import { $selectedToken, $isInitSend } from '@features/Web3/stores'
+import { $selectedToken, $isInitSend, $txHash } from '@features/Web3/stores'
 import siteConfig from '@config/blog.config'
 import { prepareTransaction, sendTransaction } from './actions'
 import styles from './Send.module.css'
@@ -16,6 +16,7 @@ export function Send({ amount }: { amount: string }) {
   const { ens } = siteConfig.author.ether
   const { chain } = useNetwork()
   const selectedToken = useStore($selectedToken)
+  const txHash = useStore($txHash)
 
   // Always resolve to address from ENS name and vice versa
   // so nobody has to trust my config values.
@@ -28,7 +29,6 @@ export function Send({ amount }: { amount: string }) {
   const [txConfig, setTxConfig] = useState<
     SendTransactionArgs | WriteContractPreparedArgs
   >()
-  const [txHash, setTxHash] = useState<string>()
   const [isLoading, setIsLoading] = useState(false)
 
   useEffect(() => {
@@ -57,7 +57,7 @@ export function Send({ amount }: { amount: string }) {
     try {
       setIsLoading(true)
       const result = await sendTransaction(selectedToken, txConfig)
-      setTxHash(result?.hash)
+      $txHash.set(result?.hash)
       setIsLoading(false)
     } catch (error: unknown) {
       console.error((error as Error).message)

src/features/Web3/stores/index.ts

@@ -1,3 +1,3 @@
 export * from './tokens'
 export * from './selectedToken'
-export * from './isInitSend'
+export * from './send'

src/features/Web3/stores/send.ts

@@ -1,3 +1,4 @@
 import { atom } from 'nanostores'
 
 export const $isInitSend = atom<boolean>(false)
+export const $txHash = atom<string | undefined>()