diff --git a/src/pages/site/Login.svelte b/src/pages/site/Login.svelte
index 51d5416..3b3bc2d 100644
--- a/src/pages/site/Login.svelte
+++ b/src/pages/site/Login.svelte
@@ -23,9 +23,9 @@
     }
 </script>
 
-<div class="container p-4 bg-neutral" style="height: 100vh; max-width: inherit;">
+<div class="container p-4 bg-neutral box-login">
     <div style="margin-top: 100px;"></div>
-    <div class="card-detail mb-4 m-auto" style="width: 400px;">
+    <div class="card-detail mb-4 m-auto">
         <div class="card-detail-header bg-tertiary text-center p-3">
             <h2 class="text-light">Acceso</h2>
         </div>
@@ -58,3 +58,16 @@
         </div>
     </div>
 </div>
+
+<style>
+    .box-login {
+        height: 100vh;
+        max-width: inherit;
+    }
+
+    .box-login .card-detail {
+        width: 400px;
+        max-width: 100%;
+        min-width: 200px;
+    }
+</style>
\ No newline at end of file