diff --git a/app/src/components/Army.tsx b/app/src/components/Army.tsx
index 54b278a..9989226 100644
--- a/app/src/components/Army.tsx
+++ b/app/src/components/Army.tsx
@@ -102,7 +102,7 @@ const Unit = ({
   }, [unitLevel, unitType]);
   return (
     <div
-      onClick={() => addUnit(unitType, 10)}
+      onClick={() => addUnit(unitType)}
       className={`${styles.armyUnit} ${
         canPurchase ? "" : styles.isUnavailable
       }`}
diff --git a/app/src/styles/Background.module.css b/app/src/styles/Background.module.css
index 2190015..7292ee0 100644
--- a/app/src/styles/Background.module.css
+++ b/app/src/styles/Background.module.css
@@ -44,7 +44,7 @@
     thunder 4s linear infinite;
 }
 .clouds_small {
-  top: 270px;
+  top: 285px;
   height: 82px;
   background-image: url("/background/clouds_small.png");
   animation:
@@ -60,6 +60,9 @@
   top: 130px;
   right: 10px;
   left: auto;
+  @media only screen and (max-width: 600px) {
+    right: -20px;
+  }
   animation: thunder_hue_hard 12s linear infinite;
   transition: all 0.1s cubic-bezier(0.265, 1.4, 0.68, 1.65);
   transform-origin: bottom center;
@@ -119,6 +122,9 @@
   height: 372px;
   top: 90px;
   left: -10px;
+  @media only screen and (max-width: 600px) {
+    left: -80px;
+  }
   animation: thunder_hue_hard 12s linear infinite;
   transition: all 0.1s cubic-bezier(0.265, 1.4, 0.68, 1.65);
   transform-origin: bottom center;