diff --git a/src/components/common/ModalAuthenticate/components/FormLogin/FormLogin.module.scss b/src/components/common/ModalAuthenticate/components/FormLogin/FormLogin.module.scss
index 4792b3be6..9d5cf2f12 100644
--- a/src/components/common/ModalAuthenticate/components/FormLogin/FormLogin.module.scss
+++ b/src/components/common/ModalAuthenticate/components/FormLogin/FormLogin.module.scss
@@ -1,8 +1,11 @@
 .login {
+    margin: auto;
     @screen md {
         max-width: 52rem;
     }
     .inner {
+        max-width: 100%;
+        overflow: hidden;
         .body {
             > div {
                 &:not(:last-child) {
@@ -12,7 +15,7 @@
         }
         .bottom {
             @apply flex justify-between items-center;
-            margin-top: 4rem;
+            margin: 4rem auto;
             .forgotPassword {
                 @apply font-bold;
                 color: var(--primary);
diff --git a/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.module.scss b/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.module.scss
index ec78064fd..24b8b0c5c 100644
--- a/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.module.scss
+++ b/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.module.scss
@@ -22,6 +22,13 @@
         grid-gap: 1.6rem;
         .buttonWithIcon {
             @apply flex items-center;
+            .label {
+                @apply hidden;
+                @screen md {
+                    @apply inline-block;
+                    margin-left: .8rem;
+                }
+            }
         }
     }
 }
diff --git a/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.tsx b/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.tsx
index 6405544db..3cfdc80dd 100644
--- a/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.tsx
+++ b/src/components/common/ModalAuthenticate/components/SocialAuthen/SocialAuthen.tsx
@@ -12,19 +12,21 @@ const SocialAuthen = () => {
                 </span>
             </div>
             <div className={s.btns}>
-                <ButtonCommon type='light'>
+                <ButtonCommon type='light' size='large'>
                     <span className={s.buttonWithIcon}>
-                        <IconFacebookColor />&nbsp;Facebook
+                        <IconFacebookColor /><span className={s.label}>Facebook</span>
                     </span>
                 </ButtonCommon>
-                <ButtonCommon type='light'>
+                <ButtonCommon type='light' size='large'>
                     <span className={s.buttonWithIcon}>
-                        <IconApple />&nbsp;Apple
+                        <IconApple />
+                        <span className={s.label}>Apple</span>
                     </span>
                 </ButtonCommon>
-                <ButtonCommon type='light'>
+                <ButtonCommon type='light' size='large'>
                     <span className={s.buttonWithIcon}>
-                        <IconGoogleColor />&nbsp;Google
+                        <IconGoogleColor />
+                        <span className={s.label}>Google</span>
                     </span>
                 </ButtonCommon>
             </div>