diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css
index 3f0bce8..9b8e17a 100644
--- a/src/profiles/Profile.css
+++ b/src/profiles/Profile.css
@@ -1,5 +1,5 @@
 .Profile {
-  height: 100%;
+  overflow: hidden auto;
 
   .intro {
     background-color: var(--tutu-color-surface-d);
diff --git a/src/settings/Settings.tsx b/src/settings/Settings.tsx
index aca4c59..ad55634 100644
--- a/src/settings/Settings.tsx
+++ b/src/settings/Settings.tsx
@@ -1,8 +1,4 @@
-import {
-  For,
-  Show,
-  type Component,
-} from "solid-js";
+import { For, Show, type Component } from "solid-js";
 import Scaffold from "../material/Scaffold.js";
 import {
   AppBar,
@@ -167,7 +163,7 @@ const Settings: Component = () => {
       }>,
     () => import(`./i18n/lang-names.json`),
   );
-  const {pop} = useNavigator();
+  const { pop } = useNavigator();
   const settings$ = useStore($settings);
   const { needRefresh } = useServiceWorker();
   const dateFnLocale = useDateFnLocale();
@@ -185,6 +181,8 @@ const Settings: Component = () => {
 
     .setting-list {
       padding-bottom: calc(var(--safe-area-inset-bottom, 0px) + 16px);
+      overflow: hidden auto;
+      height: calc(100% - var(--scaffold-topbar-height, 0));
     }
   `;
   return (