diff --git a/app/[locale]/login/page.tsx b/app/[locale]/login/page.tsx
index d5cd131..8c8b87e 100644
--- a/app/[locale]/login/page.tsx
+++ b/app/[locale]/login/page.tsx
@@ -47,7 +47,7 @@ const Page:FC = async () => {
       </h1>
       <p className="p mt-[1em] text-center">{t("main-card.text-1")}</p>
       <p className="p mb-[1em] text-center">{t("main-card.text-2")}</p>
-      <span className="text-center">
+      <span className="flex justify-center">
       {
         Object.values(providers).map((provider) => (
           <div key={provider.name}>
diff --git a/app/ui/SignInButton.tsx b/app/ui/SignInButton.tsx
index 30ed47c..bc0f138 100644
--- a/app/ui/SignInButton.tsx
+++ b/app/ui/SignInButton.tsx
@@ -21,7 +21,7 @@ export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({
   const t = useTranslations("login-page");
 
     return(
-        <button className="btn btn-neutral mx-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
+        <button className="btn btn-neutral m-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
             <Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
             <span>
                 {t("sign-in-button")} {provider.name}</span>