diff --git a/frontend/src/component/user/ResetPassword/ResetPassword.styles.ts b/frontend/src/component/user/ResetPassword/ResetPassword.styles.ts
index 11c61655fd..d2c926b107 100644
--- a/frontend/src/component/user/ResetPassword/ResetPassword.styles.ts
+++ b/frontend/src/component/user/ResetPassword/ResetPassword.styles.ts
@@ -1,6 +1,13 @@
-import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 
 export const useStyles = makeStyles(theme => ({
+    resetPassword: {
+        width: '350px',
+        maxWidth: '350px',
+        [theme.breakpoints.down('xs')]: {
+            width: '100%',
+        },
+    },
     container: {
         display: 'flex',
     },
diff --git a/frontend/src/component/user/ResetPassword/ResetPassword.tsx b/frontend/src/component/user/ResetPassword/ResetPassword.tsx
index 2e2ed35950..3a549df475 100644
--- a/frontend/src/component/user/ResetPassword/ResetPassword.tsx
+++ b/frontend/src/component/user/ResetPassword/ResetPassword.tsx
@@ -17,24 +17,26 @@ const ResetPassword = () => {
     return (
         <div ref={ref}>
             <StandaloneLayout>
-                <ConditionallyRender
-                    condition={invalidToken}
-                    show={<InvalidToken />}
-                    elseShow={
-                        <ResetPasswordDetails
-                            token={token}
-                            setLoading={setLoading}
-                        >
-                            <Typography
-                                variant="h2"
-                                className={styles.title}
-                                data-loading
+                <div className={styles.resetPassword}>
+                    <ConditionallyRender
+                        condition={invalidToken}
+                        show={<InvalidToken />}
+                        elseShow={
+                            <ResetPasswordDetails
+                                token={token}
+                                setLoading={setLoading}
                             >
-                                Reset password
-                            </Typography>
-                        </ResetPasswordDetails>
-                    }
-                />
+                                <Typography
+                                    variant="h2"
+                                    className={styles.title}
+                                    data-loading
+                                >
+                                    Reset password
+                                </Typography>
+                            </ResetPasswordDetails>
+                        }
+                    />
+                </div>
             </StandaloneLayout>
         </div>
     );
diff --git a/frontend/src/component/user/common/ResetPasswordDetails/ResetPasswordDetails.tsx b/frontend/src/component/user/common/ResetPasswordDetails/ResetPasswordDetails.tsx
index aee5a111da..d05b2d57e0 100644
--- a/frontend/src/component/user/common/ResetPasswordDetails/ResetPasswordDetails.tsx
+++ b/frontend/src/component/user/common/ResetPasswordDetails/ResetPasswordDetails.tsx
@@ -12,7 +12,7 @@ const ResetPasswordDetails: FC<IResetPasswordDetails> = ({
     setLoading,
 }) => {
     return (
-        <div>
+        <div style={{ width: '100%' }}>
             {children}
             <ResetPasswordForm token={token} setLoading={setLoading} />
         </div>
diff --git a/frontend/src/component/user/common/ResetPasswordForm/PasswordChecker/PasswordChecker.tsx b/frontend/src/component/user/common/ResetPasswordForm/PasswordChecker/PasswordChecker.tsx
index 55e728c6ad..c4c088de7a 100644
--- a/frontend/src/component/user/common/ResetPasswordForm/PasswordChecker/PasswordChecker.tsx
+++ b/frontend/src/component/user/common/ResetPasswordForm/PasswordChecker/PasswordChecker.tsx
@@ -28,7 +28,7 @@ const NUMBER_ERROR = 'The password must contain at least one number.';
 const SYMBOL_ERROR =
     'The password must contain at least one special character.';
 const UPPERCASE_ERROR =
-    'The password must contain at least one uppercase letter';
+    'The password must contain at least one uppercase letter.';
 const LOWERCASE_ERROR =
     'The password must contain at least one lowercase letter.';