diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 0393eb8..2d06e29 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -659,12 +659,25 @@
     padding: 4rem 0;
   }
 
+  @media (max-width: 640px) {
+    .ui-auth-page {
+      padding: 2.25rem 1rem;
+    }
+  }
+
   .ui-auth-card {
     width: 100%;
     max-width: 400px;
     padding: 2rem;
   }
 
+  @media (max-width: 640px) {
+    .ui-auth-card {
+      max-width: 100%;
+      padding: 1.5rem;
+    }
+  }
+
   .ui-auth-card h1 {
     margin-bottom: 1.5rem;
     text-align: center;