From a648a877eb32a1d50ee84f8c3dd0276bcc8ebc1e Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Tue, 25 Nov 2025 12:05:29 +0100
Subject: [PATCH 1/5] fix footer vertical alignement

---
 .../TokenWidget/TransactionDetailsFooter.tsx  | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx b/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
index 1d3e2695..46aa72ab 100644
--- a/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
+++ b/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
@@ -49,7 +49,16 @@ const TransactionDetailsFooter: FC<TransactionDetailsFooterProps> = ({
       {timeEstimate && timeEstimate.time !== 0 ? (
         <>
           <Flex align="center" css={{ gap: '2' }}>
-            <Box css={{ color: clockColor, width: 14, height: 14 }}>
+            <Box
+              css={{
+                color: clockColor,
+                width: 14,
+                height: 14,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }}
+            >
               <FontAwesomeIcon icon={faClock} />
             </Box>
             <Text style="subtitle3">{timeLabel}</Text>
@@ -67,10 +76,21 @@ const TransactionDetailsFooter: FC<TransactionDetailsFooterProps> = ({
       ) : null}
       {hasNetworkCost ? (
         <Flex align="center" css={{ gap: '2' }}>
-          <Box css={{ color: 'gray9', width: 14, height: 14 }}>
+          <Box
+            css={{
+              color: 'gray9',
+              width: 14,
+              height: 14,
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center'
+            }}
+          >
             <FontAwesomeIcon icon={faGasPump} />
           </Box>
-          <Text style="subtitle3">{networkCostLabel}</Text>
+          <Text style="subtitle3" css={{ lineHeight: 'normal' }}>
+            {networkCostLabel}
+          </Text>
         </Flex>
       ) : null}
     </Flex>

From 0e32261e527efa6e3232632bd42b00bb641a51d6 Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Tue, 25 Nov 2025 16:15:45 +0100
Subject: [PATCH 2/5] sync footer line height

---
 .../widgets/TokenWidget/TransactionDetailsFooter.tsx          | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx b/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
index 46aa72ab..053f32b8 100644
--- a/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
+++ b/packages/ui/src/components/widgets/TokenWidget/TransactionDetailsFooter.tsx
@@ -61,7 +61,9 @@ const TransactionDetailsFooter: FC<TransactionDetailsFooterProps> = ({
             >
               <FontAwesomeIcon icon={faClock} />
             </Box>
-            <Text style="subtitle3">{timeLabel}</Text>
+            <Text style="subtitle3" css={{ lineHeight: 'normal' }}>
+              {timeLabel}
+            </Text>
           </Flex>
           {showDivider ? (
             <Flex

From 99deb44fa8bcea75d34fc7d015d822baa88cad68 Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Tue, 25 Nov 2025 16:16:21 +0100
Subject: [PATCH 3/5] fix action button font inconsistency

---
 .../ui/src/components/widgets/SwapButton.tsx  | 24 +++++--------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/packages/ui/src/components/widgets/SwapButton.tsx b/packages/ui/src/components/widgets/SwapButton.tsx
index e5e73441..2eb5d2f7 100644
--- a/packages/ui/src/components/widgets/SwapButton.tsx
+++ b/packages/ui/src/components/widgets/SwapButton.tsx
@@ -98,15 +98,9 @@ const SwapButton: FC<SwapButtonProps> = ({
         css={{
           justifyContent: 'center',
           width: tokenWidgetMode ? '100%' : undefined,
-          textTransform:
-            tokenWidgetMode && (context === 'Buy' || context === 'Sell')
-              ? 'uppercase'
-              : 'none',
-          fontFamily: tokenWidgetMode ? 'heading' : undefined,
-          fontWeight: tokenWidgetMode ? 700 : undefined,
-          fontStyle: tokenWidgetMode
-            ? 'var(--relay-fonts-button-cta-font-style, italic)'
-            : undefined
+          ...(!tokenWidgetMode && {
+            textTransform: 'none'
+          })
         }}
         color={showHighPriceImpactWarning ? 'error' : 'primary'}
         aria-label={context}
@@ -130,15 +124,9 @@ const SwapButton: FC<SwapButtonProps> = ({
       css={{
         justifyContent: 'center',
         width: tokenWidgetMode ? '100%' : undefined,
-        textTransform:
-          tokenWidgetMode && (context === 'Buy' || context === 'Sell')
-            ? 'uppercase'
-            : 'none',
-        fontFamily: tokenWidgetMode ? 'heading' : undefined,
-        fontWeight: tokenWidgetMode ? 700 : undefined,
-        fontStyle: tokenWidgetMode
-          ? 'var(--relay-fonts-button-cta-font-style, italic)'
-          : undefined
+        ...(!tokenWidgetMode && {
+          textTransform: 'none'
+        })
       }}
       aria-label="Connect wallet"
       onClick={() => {

From cf45ef733d07493f7a9899993789048b28a11f1b Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Tue, 25 Nov 2025 16:51:49 +0100
Subject: [PATCH 4/5] fix sell tab init balance load

---
 .../widgets/TokenWidget/widget/index.tsx        | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx b/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx
index 7c5a248c..f8d6970c 100644
--- a/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx
+++ b/packages/ui/src/components/widgets/TokenWidget/widget/index.tsx
@@ -1,4 +1,4 @@
-import { Flex, Button, Text } from '../../../primitives/index.js'
+import { Flex, Text } from '../../../primitives/index.js'
 import { TabsRoot, TabsList, TabsTrigger } from '../../../primitives/Tabs.js'
 import {
   useCallback,
@@ -603,6 +603,21 @@ const TokenWidget: FC<TokenWidgetProps> = ({
         // Get public client for the fromChain to estimate gas
         const publicClient = usePublicClient({ chainId: fromChain?.id })
 
+        // Seed fromToken on sell tab if empty but we have a token available
+        useEffect(() => {
+          if (activeTab !== 'sell') return
+          if (fromToken) return
+
+          const candidateFromToken =
+            tabTokenStateRef.current.sell?.fromToken ??
+            tabTokenStateRef.current.buy?.toToken ??
+            toToken
+
+          if (candidateFromToken) {
+            handleSetFromToken(candidateFromToken)
+          }
+        }, [activeTab, fromToken, toToken, handleSetFromToken])
+
         useWalletGuards({
           multiWalletSupportEnabled,
           allowUnsupportedOrigin,

From 901937f1e12a4a6c73608873b9d567ebc9daaa2f Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Tue, 25 Nov 2025 16:53:39 +0100
Subject: [PATCH 5/5] feat: changeset

---
 .changeset/early-comics-roll.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/early-comics-roll.md

diff --git a/.changeset/early-comics-roll.md b/.changeset/early-comics-roll.md
new file mode 100644
index 00000000..4378ccc2
--- /dev/null
+++ b/.changeset/early-comics-roll.md
@@ -0,0 +1,5 @@
+---
+'@relayprotocol/relay-kit-ui': patch
+---
+
+Post-launch fixes for `TokenWidget`