fix: approve button font size (#5187)

* fix: approve button font size Co-authored-by: 0xsaranonearth <saran.s@pillow.fund>

fix: approve button font size (#5187)
* fix: approve button font size Co-authored-by: 0xsaranonearth <saran.s@pillow.fund>
02e5478c · S A R A N · GitHub · 6520dd33 · 02e5478c
Commit 02e5478c authored Nov 16, 2022 by S A R A N Committed by GitHub Nov 16, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 2 deletions

index.tsx src/pages/Swap/index.tsx +2 -2

No files found.
--- a/src/pages/Swap/index.tsx
+++ b/src/pages/Swap/index.tsx
@@ -677,7 +677,7 @@ export default function Swap() {
                        }
                      >
                        <AutoRow justify="space-between" style={{ flexWrap: 'nowrap' }} height="20px">
-                          <span style={{ display: 'flex', alignItems: 'center' }}>
+                          <ThemedText.SubHeader width="100%" textAlign="center">
                            {/* we need to shorten this string on mobile */}
                            {approvalState === ApprovalState.APPROVED ||
                            signatureState === UseERC20PermitState.SIGNED ? (
@@ -685,7 +685,7 @@ export default function Swap() {
                            ) : (
                              <Trans>Allow the Uniswap Protocol to use your {currencies[Field.INPUT]?.symbol}</Trans>
                            )}
-                          </span>
+                          </ThemedText.SubHeader>
                          {approvalPending || approvalState === ApprovalState.PENDING ? (
                            <Loader stroke={theme.white} />
                          ) : (approvalSubmitted && approvalState === ApprovalState.APPROVED) ||