diff --git a/components/Profile/Accountsetting/index.jsx b/components/Profile/Accountsetting/index.jsx
index 22755863..698b8ebc 100644
--- a/components/Profile/Accountsetting/index.jsx
+++ b/components/Profile/Accountsetting/index.jsx
@@ -66,6 +66,10 @@ const AccountSetting = () => {
         flexDirection: 'column',
         justifyContent: 'center',
         alignItems: 'center',
+        '@media (max-width: 767px)': {
+          width: '100%',
+          padding: '16px 20px',
+        }
       }}
     >
       <Typography sx={{ fontSize: '22px', color: '#536166' }}>