diff --git a/src/components/Swap.tsx b/src/components/Swap.tsx
index 9a595f0..9a2b5ec 100644
--- a/src/components/Swap.tsx
+++ b/src/components/Swap.tsx
@@ -70,6 +70,7 @@ const useStyles = makeStyles((theme) => ({
     marginLeft: "5px",
     display: "flex",
     flexDirection: "column",
+    width: "50%",
   },
   balanceContainer: {
     display: "flex",