From 529e6f774b2630935a33155570e66ae1aaa7450c Mon Sep 17 00:00:00 2001
From: Adam Lessey <alessey@gmail.com>
Date: Tue, 10 Sep 2024 14:46:29 -0400
Subject: [PATCH] fix: add space between swap input and select

---
 .changeset/modern-walls-relax.md        | 5 +++++
 src/swap/components/SwapAmountInput.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/modern-walls-relax.md

diff --git a/.changeset/modern-walls-relax.md b/.changeset/modern-walls-relax.md
new file mode 100644
index 0000000000..c254d46628
--- /dev/null
+++ b/.changeset/modern-walls-relax.md
@@ -0,0 +1,5 @@
+---
+'@coinbase/onchainkit': patch
+---
+
+- **fix**: add spacing between swap input and token select. By @alessey #1229
diff --git a/src/swap/components/SwapAmountInput.tsx b/src/swap/components/SwapAmountInput.tsx
index 3137cd1fe3..1cba4a713e 100644
--- a/src/swap/components/SwapAmountInput.tsx
+++ b/src/swap/components/SwapAmountInput.tsx
@@ -80,7 +80,7 @@ export function SwapAmountInput({
       <div className="flex w-full items-center justify-between">
         <TextInput
           className={cn(
-            'w-full border-[none] bg-transparent font-display text-[2.5rem]',
+            'mr-2 w-full border-[none] bg-transparent font-display text-[2.5rem]',
             'leading-none outline-none',
             hasInsufficientBalance && address ? color.error : color.foreground,
           )}