diff --git a/site/docs/pages/swap/swap-amount-input.mdx b/site/docs/pages/swap/swap-amount-input.mdx
index 81cd943982..1b43e9699d 100644
--- a/site/docs/pages/swap/swap-amount-input.mdx
+++ b/site/docs/pages/swap/swap-amount-input.mdx
@@ -1,4 +1,5 @@
 {/* import { SwapAmountInput } from '../../../../src/swap'; */}
+import { SwapAmountInput } from '../../../../src/swap';
 import App from '../App';
 import SwapAmountInputContainer from '../../components/SwapAmountInputContainer.tsx';
 
@@ -71,7 +72,6 @@ The `SwapAmountInput` component is a stylized input field designed for users to
 
 :::
 
-{/*
 <App>
   <SwapAmountInputContainer>
     {(token, setToken, setAmount, amount, tokenBalance, onMaxButtonClick) => (
@@ -115,7 +115,6 @@ The `SwapAmountInput` component is a stylized input field designed for users to
     )}
   </SwapAmountInputContainer>
 </App>
-*/}
 
 ## Props
 
diff --git a/site/docs/pages/token/types.mdx b/site/docs/pages/token/types.mdx
index 2cd6fdfc16..d4c1d96844 100644
--- a/site/docs/pages/token/types.mdx
+++ b/site/docs/pages/token/types.mdx
@@ -107,4 +107,4 @@ export type TokenSelectorDropdownReact = {
   options: Token[]; // List of tokens
   setToken: (token: Token) => void; // Token setter
 };
-```
\ No newline at end of file
+```
diff --git a/src/swap/index.ts b/src/swap/index.ts
index e51725e16b..777ef72622 100644
--- a/src/swap/index.ts
+++ b/src/swap/index.ts
@@ -8,3 +8,5 @@ export type {
   QuoteWarning,
   SwapError,
 } from './types';
+
+export { SwapAmountInput } from './components/SwapAmountInput';