diff --git a/components/login-modal.html b/components/login-modal.html
index 92b89c3b..7f4fe844 100644
--- a/components/login-modal.html
+++ b/components/login-modal.html
@@ -1,6 +1,6 @@
 <div
   id="loginModal"
-  class="bv-modal hidden items-start justify-center"
+  class="bv-modal hidden lg:items-start lg:justify-center"
   role="dialog"
   aria-modal="true"
   aria-labelledby="loginModalTitle"
@@ -10,7 +10,7 @@
   <div class="bv-modal-backdrop" data-dismiss></div>
 
   <div
-    class="modal-sheet max-h-modal-shell flex min-h-0 flex-col overflow-hidden"
+    class="modal-sheet lg:max-h-modal-shell flex min-h-0 flex-col overflow-hidden"
     tabindex="-1"
   >
     <!-- Header with the special exit button (unchanged) -->