diff --git a/task_management_app/src/components/views/LoginView.tsx b/task_management_app/src/components/views/LoginView.tsx
index dce3876..cfbab2d 100644
--- a/task_management_app/src/components/views/LoginView.tsx
+++ b/task_management_app/src/components/views/LoginView.tsx
@@ -4,7 +4,7 @@ import { signIn } from "next-auth/react"
 
 const LoginView = () => {
   return (
-    <div className="w-full pt-11 text-center">
+    <div className="max-w-xs pt-11 text-center mx-auto">
         <button onClick={() => signIn('google')} className="primary">Login</button>
     </div>
   )