diff --git a/packages/frontend/src/pages/Login.tsx b/packages/frontend/src/pages/Login.tsx
index cf16c6cf..937d7b97 100644
--- a/packages/frontend/src/pages/Login.tsx
+++ b/packages/frontend/src/pages/Login.tsx
@@ -2,9 +2,8 @@ import React from 'react';
 
 const Login = () => {
   return (
-    <div className="grid grid-cols-5 h-screen bg-light-blue-50 py-10">
-      <div className="col-span-2"></div>
-      <div className="col-span-1">
+    <div className="flex items-center justify-center h-screen bg-light-blue-50">
+      <div className="flex justify-center">
         <w3m-button />
       </div>
     </div>