diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index 1e3ce66..6a4b8a2 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -82,7 +82,6 @@ function signup() {
 
 <style scoped>
 .sign-card {
-  width: 380px;
   background-color: rgb(29, 29, 29);
 }
 
@@ -102,4 +101,10 @@ function signup() {
 .docs-link:hover {
   color: #63e2b7;
 }
+
+@media (min-width: 1024px) {
+  .sign-card {
+    width: 380px;
+  }
+}
 </style>