diff --git a/packages/frontend/core/src/desktop/dialogs/setting/index.tsx b/packages/frontend/core/src/desktop/dialogs/setting/index.tsx
index 675b4ea9d4..af936f3c14 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/index.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/index.tsx
@@ -135,8 +135,8 @@ const SettingModalInner = ({
           className={style.wrapper}
           ref={modalContentWrapperRef}
         >
-          <div ref={modalContentRef} className={style.centerContainer}>
-            <div className={style.content}>
+          <div className={style.centerContainer}>
+            <div ref={modalContentRef} className={style.content}>
               <Suspense fallback={<WorkspaceDetailSkeleton />}>
                 {}
                 {settingState.activeTab === 'account' &&