🐛 bug: fix bug in Account Page

src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss

@@ -56,22 +56,20 @@
     }
 
     .editInfoBtn {
-        @apply text-center font-bold custom-border-radius;
-        margin: auto;
+        @apply flex items-center justify-center;
         margin-top: 2.4rem;
         margin-bottom: 2.4rem;
-        padding: .8rem 1.6rem;
-        color: #141414;
-        border: 1px solid #141414;
-        max-width: 8.8rem;
+        // padding: .8rem 1.6rem;
+        // color: #141414;
+        // border: 1px solid #141414;
+        // max-width: 8.8rem;
 
-        &:hover {
-            @apply cursor-pointer;
-            background-color: #FBFBFB;
+        ButtonCommon {
+            height: 700px;
         }
 
         @screen md {
-            margin-left: 0;
+            @apply block;
         }
     }
 }

src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx

@@ -4,6 +4,8 @@ import s from './AccountInfomation.module.scss'
 import Image from "next/image"
 import avatar from '../../assets/avatar.png';
 
+import { ButtonCommon } from 'src/components/common'
+
 interface AccountProps {
     name: string, email: string, address: string, state: string, city: string, postalCode: string, phoneNumber: string
 }
@@ -44,7 +46,9 @@ const AccountInfomation = ({ account, onClick } : AccountInfomationProps) => {
                 {account.phoneNumber}  
             </div>
 
-            <div onClick={showEditForm} className={s.editInfoBtn}>Edit</div>
+            <div className={s.editInfoBtn}>
+                <ButtonCommon onClick={showEditForm} type="light">Edit</ButtonCommon>
+            </div>
         </section>
     )
 }