diff --git a/web/app/components/header/account-setting/index.module.css b/web/app/components/header/account-setting/index.module.css
deleted file mode 100644
index bb855e1c86..0000000000
--- a/web/app/components/header/account-setting/index.module.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.modal {
-  max-width: 1024px !important;
-  border-radius: 12px !important;
-  margin-top: 60px;
-  margin-bottom: 60px;
-  padding: 0 !important;
-  overflow-y: auto;
-}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/index.tsx b/web/app/components/header/account-setting/index.tsx
index 253b9f1b4c..c8f757de28 100644
--- a/web/app/components/header/account-setting/index.tsx
+++ b/web/app/components/header/account-setting/index.tsx
@@ -28,7 +28,6 @@ import LanguagePage from './language-page'
 import ApiBasedExtensionPage from './api-based-extension-page'
 import DataSourcePage from './data-source-page'
 import ModelProviderPage from './model-provider-page'
-import s from './index.module.css'
 import cn from '@/utils/classnames'
 import BillingPage from '@/app/components/billing/billing-page'
 import CustomPage from '@/app/components/custom/custom-page'
@@ -166,7 +165,7 @@ export default function AccountSetting({
     <Modal
       isShow
       onClose={() => { }}
-      className={s.modal}
+      className='my-[60px] p-0 max-w-[1024px] rounded-xl overflow-y-auto'
       wrapperClassName='pt-[60px]'
     >
       <div className='flex'>