From 55411da46fce2c46ff3476bdf96915837dd513ee Mon Sep 17 00:00:00 2001
From: tahmid-saj <tahmid.saj@gmail.com>
Date: Sun, 23 Jun 2024 21:25:21 -0400
Subject: [PATCH] adjusting google sign in button

---
 .../signed-out/sign-in-form/sign-in-form.component.jsx       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/signed-out/sign-in-form/sign-in-form.component.jsx b/src/components/signed-out/sign-in-form/sign-in-form.component.jsx
index 9095802..da1934c 100644
--- a/src/components/signed-out/sign-in-form/sign-in-form.component.jsx
+++ b/src/components/signed-out/sign-in-form/sign-in-form.component.jsx
@@ -16,6 +16,7 @@ import { useDispatch } from "react-redux";
 import { googleSignInStart, emailSignInStart } from "../../../store/shared/user/user.action";
 import { Typography } from "@mui/material";
 import { COLOR_CODES } from "../../../utils/constants/shared.constants.js";
+import GoogleIcon from '@mui/icons-material/Google';
 
 const defaultFormFields = {
   email: "",
@@ -81,8 +82,8 @@ const SignInForm = () => {
                     <Button type="submit">Sign In</Button>
                   </ButtonContainer>
                   <ButtonContainer>
-                    <Button buttonType="google-sign-in" type="button"
-                            onClick={ signInWithGoogle }>Google Sign In</Button>
+                    <Button buttonType="google-sign-in" type="button" onClick={ signInWithGoogle } 
+                      style={{ width: "250px" }}><GoogleIcon sx={{ margin: "7% 4% 0% 0%" }}/>Google Sign In</Button>
                   </ButtonContainer>
                 </div>
               </div>