fix: transaction button styling

coinbase · Mar 4, 2025 · 00f5bc7 · 00f5bc7
1 parent 8156b88
commit 00f5bc7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/.changeset/eight-books-give.md b/.changeset/eight-books-give.md
@@ -0,0 +1,5 @@
+---
+"@coinbase/onchainkit": patch
+---
+
+Fix: Move `<TransactionButton/>` styling to configurable parent
diff --git a/src/transaction/components/TransactionButton.tsx b/src/transaction/components/TransactionButton.tsx
@@ -144,19 +144,18 @@ export function TransactionButton({
         pressable.primary,
         border.radius,
         'w-full rounded-xl',
-        'px-4 py-3 font-medium text-base text-white leading-6',
+        'px-4 py-3 font-medium leading-6',
         isDisabled && pressable.disabled,
         text.headline,
+        color.inverse,
         className,
       )}
       onClick={handleSubmit}
       type="button"
       disabled={isDisabled}
       data-testid="ockTransactionButton_Button"
     >
-      <div className={cn(text.headline, color.inverse, 'flex justify-center')}>
-        {buttonContent}
-      </div>
+      {buttonContent}
     </button>
   );
 }