diff --git a/packages/react-app/src/components/AmountIn.js b/packages/react-app/src/components/AmountIn.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/packages/react-app/src/components/AmountIn.js
@@ -0,0 +1 @@
+
diff --git a/packages/react-app/src/components/AmountOut.js b/packages/react-app/src/components/AmountOut.js
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-app/src/components/Balance.js b/packages/react-app/src/components/Balance.js
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-app/src/components/index.js b/packages/react-app/src/components/index.js
index de594b8..7d6764c 100644
--- a/packages/react-app/src/components/index.js
+++ b/packages/react-app/src/components/index.js
@@ -1,3 +1,6 @@
 export {default as Loader} from './Loader';
 export {default as Exchange} from './Exchange';
-export {default as WalletButton} from './WalletButton';
\ No newline at end of file
+export {default as WalletButton} from './WalletButton';
+export { default as AmountIn } from "./AmountIn";
+export { default as AmountOut } from "./AmountOut";
+export { default as Balance } from "./Balance";
\ No newline at end of file