diff --git a/src/pages/authentication/AuthWrapper.js b/src/pages/authentication/AuthWrapper.js
index 1066eb1..8623d9e 100644
--- a/src/pages/authentication/AuthWrapper.js
+++ b/src/pages/authentication/AuthWrapper.js
@@ -33,14 +33,14 @@ const AuthWrapper = ({ children }) => {
             minHeight: '87vh'
           }}
         >
-          <Grid item xs={12} md={9} lg={9} xl={9} >
+          <Grid item xs={12} md={8} lg={8} xl={8} >
             <Grid container direction="column"
               justifyContent="flex-start"
               alignItems="flex-start"
               // spacing={2}
               sx={{ minHeight: { md: 'calc(87vh)' } }}
             >
-              <Grid item xs={12}>
+              <Grid item xs={12} sx={{ ml: 4,}}>
                 <Typography style={{ textAlign: "flex-start" }}>
                   <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "homePageHeaderMessage" }) }} />
                 </Typography>
@@ -73,14 +73,14 @@ const AuthWrapper = ({ children }) => {
               </Grid>
             </Grid>
           </Grid>
-          <Grid item xs={12} md={3} lg={3} xl={3}>
+          <Grid item xs={12} md={4} lg={4} xl={4}>
             <Grid
               container
-              justifyContent="right"
+              justifyContent="center"
               alignItems="center"
-              sx={{ minHeight: { xs: 'calc(90vh - 134px)', md: 'calc(90vh - 112px)' } }}
+              sx={{ minHeight: { xs: 'calc(90vh - 134px)', md: 'calc(90vh - 112px)' }, }}
             >
-              <Grid item>
+              <Grid item xs={12} md={11} lg={11} xl={11}>
                 <AuthCard>{children}</AuthCard>
               </Grid>
             </Grid>