diff --git a/app/pages/auth.vue b/app/pages/auth.vue
index 6211978..7eb0993 100644
--- a/app/pages/auth.vue
+++ b/app/pages/auth.vue
@@ -30,4 +30,11 @@ useHead({ title: "Sign In" })
 	width: 40%;
 	max-width: 450px;
 }
+
+@media (max-width: 600px) {
+	.card {
+		box-sizing: border-box;
+		width: calc(100% - 2rem);
+	}
+}
 </style>
diff --git a/app/pages/auth/signin.vue b/app/pages/auth/signin.vue
index b5f6a45..970674d 100644
--- a/app/pages/auth/signin.vue
+++ b/app/pages/auth/signin.vue
@@ -58,4 +58,15 @@ h1 {
 	flex-direction: column;
 	gap: 0.8rem;
 }
+
+@media (max-width: 480px) {
+	h1 {
+		@include fontSize(22px);
+		margin-bottom: 0.65em;
+	}
+
+	.form {
+		gap: 0.75rem;
+	}
+}
 </style>