diff --git a/packages/react-app/src/components/AmountIn.js b/packages/react-app/src/components/AmountIn.js
index 8b13789..a3e8221 100644
--- a/packages/react-app/src/components/AmountIn.js
+++ b/packages/react-app/src/components/AmountIn.js
@@ -1 +1,24 @@
+import React, { useState, useEffect, useRef } from "react";
+
+import { chevronDown } from "../assets"; // icon
+import { useOnClickOutside } from "../utils"; //helps to close menu bar
+import styles from "../styles";
+
+const AmountIn = () => {
+    return(
+        <div className={styles.amountContainer}>
+            <input
+                placeholder="0.0"
+                type="number"
+                value={value}
+                disabled={isSwapping}
+                onChange={(e) => typeof onChange === "function" && onChange(e.target.value)}
+                className={styles.amountInput}
+            />
+        </div>
+    )
+}
+
+
+