Minor button style change

frontend/src/components/Button.tsx

@@ -12,7 +12,7 @@ export const Button = (props: ButtonProps) => {
   return (
     <div className={props.className}>
       <button
-        className="border border-colorounded p-4 hover:bg-neutral-200 w-full h-full"
+        className="border border-colorounded p-4 hover:bg-neutral-200"
         type={props.type}
         onClick={props.onClick}
       >
@@ -20,13 +20,12 @@ export const Button = (props: ButtonProps) => {
           {props.icon ?
             <div className="w-5">{props.icon}</div>
             : null}
-          <div className="mx-auto">
+          <div className="ml-4">
             {props.title}
           </div>
         </div>
 
       </button>
     </div>
-
   )
 }

frontend/src/routes/Login/index.tsx

@@ -9,7 +9,9 @@ export const Login = ({ onClick }: LoginProps) => {
     <div className="bg-slate-100 w-1/3 m-auto p-8 shadow-lg mt-16 rounded-md">
       <img className="mx-auto bg-gray-100 p-4" alt="" src="/logo530.png" />
       <h1 className="mx-auto text-center text-4xl font-extrabold">Welcome</h1>
-      <Button onClick={onClick} className="p-8 mx-auto" title="Login with OpenID connect" />
+      <div className="flex justify-center mt-8">
+        <Button onClick={onClick} title="Login with OpenID connect" />
+      </div>
     </div>
   )
 }
\ No newline at end of file