diff --git a/.changeset/fluffy-paws-slide.md b/.changeset/fluffy-paws-slide.md
new file mode 100644
index 00000000000..34d19e6c14c
--- /dev/null
+++ b/.changeset/fluffy-paws-slide.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix setting explicit amount on TransactionWidget
diff --git a/apps/playground-web/src/components/pay/transaction-button.tsx b/apps/playground-web/src/components/pay/transaction-button.tsx
index 3d4fd7e3b53..d080ca77d76 100644
--- a/apps/playground-web/src/components/pay/transaction-button.tsx
+++ b/apps/playground-web/src/components/pay/transaction-button.tsx
@@ -40,25 +40,20 @@ export function PayTransactionPreview() {
   });
 
   return (
-    <>
-      <StyledConnectButton />
-      <div className="h-10" />
-      {account && (
-        <TransactionWidget
-          client={THIRDWEB_CLIENT}
-          theme={theme === "light" ? "light" : "dark"}
-          transaction={claimTo({
-            contract: nftContract,
-            quantity: 1n,
-            tokenId: 2n,
-            to: account?.address || "",
-          })}
-          title={nft?.metadata?.name}
-          description={nft?.metadata?.description}
-          image={nft?.metadata?.image}
-        />
-      )}
-    </>
+    <TransactionWidget
+      client={THIRDWEB_CLIENT}
+      theme={theme === "light" ? "light" : "dark"}
+      transaction={claimTo({
+        contract: nftContract,
+        quantity: 1n,
+        tokenId: 2n,
+        to: account?.address || "",
+      })}
+      amount={100n}
+      title={nft?.metadata?.name}
+      description={nft?.metadata?.description}
+      image={nft?.metadata?.image}
+    />
   );
 }
 
diff --git a/packages/thirdweb/src/react/core/hooks/useTransactionDetails.ts b/packages/thirdweb/src/react/core/hooks/useTransactionDetails.ts
index a6c79f48a48..50b1fef70d0 100644
--- a/packages/thirdweb/src/react/core/hooks/useTransactionDetails.ts
+++ b/packages/thirdweb/src/react/core/hooks/useTransactionDetails.ts
@@ -57,7 +57,7 @@ export function useTransactionDetails({
       "transaction-details",
       transaction.to,
       transaction.chain.id,
-      transaction.erc20Value,
+      transaction.erc20Value?.toString(),
     ],
     queryFn: async (): Promise<TransactionDetails> => {
       // Create contract instance for metadata fetching
diff --git a/packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx b/packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx
index 163b09ccc4f..49d22926827 100644
--- a/packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx
+++ b/packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx
@@ -198,17 +198,6 @@ type UIOptionsResult =
  *  />
  * ```
  *
- * ### Enable/Disable payment methods
- *
- * You can use `disableOnramps` to prevent the use of onramps in the widget.
- *
- * ```tsx
- * <CheckoutWidget
- *   client={client}
- *   disableOnramps
- *  />
- * ```
- *
  * ### Customize the UI
  *
  * You can customize the UI of the `CheckoutWidget` component by passing a custom theme object to the `theme` prop.
diff --git a/packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx b/packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx
index 6d32d79aadb..540b0c485d0 100644
--- a/packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx
+++ b/packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx
@@ -201,23 +201,6 @@ type UIOptionsResult =
  *  />
  * ```
  *
- * ### Enable/Disable payment methods
- *
- * You can use `disableOnramps` to prevent the use of onramps in the widget.
- *
- * ```tsx
- * <TransactionWidget
- *   client={client}
- *   transaction={prepareTransaction({
- *     to: "0x...",
- *     chain: ethereum,
- *     client: client,
- *     value: toUnits("0.001", 18),
- *   })}
- *   disableOnramps
- *  />
- * ```
- *
  * ### Customize the UI
  *
  * You can customize the UI of the `TransactionWidget` component by passing a custom theme object to the `theme` prop.