diff --git a/site/docs/components/SwapAmountInputContainer.tsx b/site/docs/components/SwapAmountInputContainer.tsx
index e67e07aaba..3fd1544c35 100644
--- a/site/docs/components/SwapAmountInputContainer.tsx
+++ b/site/docs/components/SwapAmountInputContainer.tsx
@@ -3,10 +3,10 @@ import type { Token } from '@coinbase/onchainkit/token';
 
 type SwapAmountInputContainer = {
   children: (
-    token: Token,
-    setToken: (t: Token) => void,
-    setAmount: (a: string) => void,
     amount: string,
+    setAmount: (a: string) => void,
+    setToken: (t: Token) => void,
+    token: Token,
     tokenBalance: string,
   ) => ReactElement;
 };
@@ -23,5 +23,5 @@ export default function SwapAmountInputContainer({ children }: SwapAmountInputCo
 
   const tokenBalance = TOKEN_BALANCE_MAP[token?.symbol];
 
-  return children(token, setToken, setAmount, amount, tokenBalance);
+  return children(amount, setAmount, setToken, token, tokenBalance);
 }
diff --git a/site/docs/pages/swap/swap-amount-input.mdx b/site/docs/pages/swap/swap-amount-input.mdx
index 846ab68b87..39740d7fa4 100644
--- a/site/docs/pages/swap/swap-amount-input.mdx
+++ b/site/docs/pages/swap/swap-amount-input.mdx
@@ -73,7 +73,7 @@ The `SwapAmountInput` component is a stylized input field designed for users to
 
 <App>
   <SwapAmountInputContainer>
-    {(token, setToken, setAmount, amount, tokenBalance) => (
+    {(amount, setAmount, setToken, token, tokenBalance) => (
       <SwapAmountInput
         amount={amount}
         label="Sell"