From e53781053b00590af83342507d28a9ab1fcfec2b Mon Sep 17 00:00:00 2001
From: Lakhan Baheti <94619783+1akhanBaheti@users.noreply.github.com>
Date: Wed, 29 Nov 2023 13:29:38 +0530
Subject: [PATCH] fix: google auth button content alignment (#2929)

---
 web/components/account/email-code-form.tsx | 2 +-
 web/components/account/google-login.tsx    | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/components/account/email-code-form.tsx b/web/components/account/email-code-form.tsx
index ffaca2e6b..b71a92756 100644
--- a/web/components/account/email-code-form.tsx
+++ b/web/components/account/email-code-form.tsx
@@ -153,7 +153,7 @@ export const EmailCodeForm: React.FC<Props> = (Props) => {
               <p className="text-center text-sm text-onboarding-text-200 mt-1">Promise!</p>
             </div>
           ) : (
-            <p className="text-center text-sm text-onboarding-text-200 px-20 mt-3">
+            <p className="text-center text-sm text-onboarding-text-200 px-10 sm:px-20 mt-3">
               Sign in with the email you used to sign up for Plane
             </p>
           )}
diff --git a/web/components/account/google-login.tsx b/web/components/account/google-login.tsx
index 7f07d4bbe..c4d9bacca 100644
--- a/web/components/account/google-login.tsx
+++ b/web/components/account/google-login.tsx
@@ -29,7 +29,6 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = (props) => {
           theme: "outline",
           size: "large",
           logo_alignment: "center",
-          width: 384,
           text: "signin_with",
         } as GsiButtonConfiguration // customization attributes
       );