diff --git a/src/pages/Login/index.css b/src/pages/Login/index.css
index 9f70f393b..c8dd6a9e1 100644
--- a/src/pages/Login/index.css
+++ b/src/pages/Login/index.css
@@ -358,3 +358,16 @@
     width: 18em;
   }
 }
+
+/* media query for 320px */
+@media (max-width: 320px) {
+  .login__left {
+    justify-content: flex-start;
+  }
+  .login__section form {
+    width: 95%;
+  }
+  .form__bottom {
+    width: 17.5em;
+  }
+}