diff --git a/resources/js/pages/Auth/Login.tsx b/resources/js/pages/Auth/Login.tsx
index 22cfc7e..a0fb0d2 100644
--- a/resources/js/pages/Auth/Login.tsx
+++ b/resources/js/pages/Auth/Login.tsx
@@ -26,8 +26,8 @@ const Login = () => {
         }
     }
 
-    return <div>
-        <Card className="mx-auto mt-10 w-96 overflow-hidden p-2">
+    return <div className="flex justify-center">
+        <Card className="mx-5 mt-10 w-full max-w-96 overflow-hidden p-2">
             <form onSubmit={handleSubmit}>
                 <h1 className="-mx-2 -mt-1 mb-2 bg-blue-500 px-2 py-1 text-center text-lg font-bold">
                     Connexion