diff --git a/src/renderer/src/init.ts b/src/renderer/src/init.ts
index 80390f1e16..2e350a7410 100644
--- a/src/renderer/src/init.ts
+++ b/src/renderer/src/init.ts
@@ -10,6 +10,7 @@ function init() {
     storeName: 'cherryai',
     description: 'Cherry Studio Storage'
   })
+
   window.keyv = new KeyvStorage()
   window.keyv.init()
 
diff --git a/src/renderer/src/pages/settings/AboutSettings.tsx b/src/renderer/src/pages/settings/AboutSettings.tsx
index 2b279912dd..c88033a93b 100644
--- a/src/renderer/src/pages/settings/AboutSettings.tsx
+++ b/src/renderer/src/pages/settings/AboutSettings.tsx
@@ -19,7 +19,7 @@ const AboutSettings: FC = () => {
 
   return (
     <Container>
-      <Avatar src={Logo} size={100} style={{ marginTop: 50 }} />
+      <Avatar src={Logo} size={100} style={{ marginTop: 50, minHeight: 100 }} />
       <Title>
         Cherry Studio <Version>(v{version})</Version>
       </Title>
@@ -32,9 +32,12 @@ const AboutSettings: FC = () => {
 const Container = styled.div`
   padding: 20px;
   display: flex;
-  width: 100%;
+  flex: 1;
   flex-direction: column;
   align-items: center;
+  justify-content: flex-start;
+  height: calc(100vh - var(--navbar-height));
+  overflow-y: scroll;
 `
 
 const Title = styled.div`