From 7e18c987adeccf270d619e8a32d01868234a93a0 Mon Sep 17 00:00:00 2001
From: Leonardo Zizzamia <leonardo.zizzamia@gmail.com>
Date: Sun, 15 Sep 2024 09:23:09 +0800
Subject: [PATCH] fix: Transaction style (#1258)

---
 .changeset/fluffy-apes-float.md                  | 5 +++++
 src/transaction/components/TransactionButton.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/fluffy-apes-float.md

diff --git a/.changeset/fluffy-apes-float.md b/.changeset/fluffy-apes-float.md
new file mode 100644
index 000000000..b9505a498
--- /dev/null
+++ b/.changeset/fluffy-apes-float.md
@@ -0,0 +1,5 @@
+---
+'@coinbase/onchainkit': minor
+---
+
+- **fix**: removed `mt-4` from `<TransactionButton>`, ensuring the primary component maintains a clean and consistent design without outer margin. By @zizzamia #1258
diff --git a/src/transaction/components/TransactionButton.tsx b/src/transaction/components/TransactionButton.tsx
index b96cb58d5..b0f089270 100644
--- a/src/transaction/components/TransactionButton.tsx
+++ b/src/transaction/components/TransactionButton.tsx
@@ -89,7 +89,7 @@ export function TransactionButton({
       className={cn(
         pressable.primary,
         'w-full rounded-xl',
-        'mt-4 px-4 py-3 font-medium text-base text-white leading-6',
+        'px-4 py-3 font-medium text-base text-white leading-6',
         isDisabled && pressable.disabled,
         text.headline,
         className,