diff --git a/web/src/css/login.css b/web/src/css/login.css
index 2a01d5e..c92f85d 100644
--- a/web/src/css/login.css
+++ b/web/src/css/login.css
@@ -47,6 +47,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-wrap: wrap;
   gap: 8px;
   text-align: center;
   line-height: 1.3;
@@ -306,3 +307,31 @@
   text-decoration-thickness: 2px;
   opacity: 0.8;
 }
+
+@media (max-width: 480px) {
+  .login-heading {
+    font-size: 1.25rem;
+    flex-wrap: wrap;
+    gap: 4px;
+    padding: 0 10px;
+  }
+
+  .login-header-group {
+    margin-bottom: 32px;
+    gap: 16px;
+  }
+
+  .login-logo-img {
+    width: 48px;
+    height: 48px;
+  }
+
+  .login-x {
+    font-size: 1.5rem;
+  }
+
+  .login-atproto-icon svg {
+    width: 48px;
+    height: 48px;
+  }
+}
\ No newline at end of file