diff --git a/package.json b/package.json
index 57aa99b..bc5d413 100644
--- a/package.json
+++ b/package.json
@@ -3,14 +3,17 @@
   "version": "0.0.0",
   "private": false,
   "description": "ChatGPT Tauri",
-  "author": "pljhonglu@gmail.com",
-  "homepage": "https://github.com/pljhonglu/ChatGPT-T",
+  "author": "hzg1226620085@gmail.com",
+  "homepage": "https://github.com/huangzonggui/ChatGPT-Desktop",
   "keywords": [
     "chatgpt-tauri",
     "chatgpt",
     "chatbot",
     "vue",
-    "tauri"
+    "tauri",
+    "desktop",
+    "access token",
+    "app"
   ],
   "scripts": {
     "dev:fe": "vite",
diff --git a/src/components/common/Setting/General.vue b/src/components/common/Setting/General.vue
index e9b3e58..3e0d1ce 100644
--- a/src/components/common/Setting/General.vue
+++ b/src/components/common/Setting/General.vue
@@ -226,19 +226,21 @@ async function checkAppUpdate() {
 
       <div class="flex items-center space-x-4">
         <span class="flex-shrink-0 w-[100px]">Api Key 列表</span>
-        <div class="flex flex-wrap items-center gap-4">
+        <div class="flex-wrap items-center gap-4">
           <NInputGroup>
-            <NInput v-model:value="model.apiKey" />
             <NButton @click="userStore.addApiKey(model.apiKey)">
               添加
             </NButton>
+            <NInput v-model:value="model.apiKey" />
           </NInputGroup>
           <NList>
             <NListItem v-for="item in userStore.userConfig.apiKeyList" :key="item">
-              <NTag> {{ item }} </NTag>
               <NButton @click="userStore.deleteApiKey(item)">
                 删除
               </NButton>
+              <NTag type="info" class="m-2">
+                {{ item }}
+              </NTag>
             </NListItem>
           </NList>
         </div>
@@ -248,19 +250,19 @@ async function checkAppUpdate() {
         <span class="flex-shrink-0 w-[100px]">Access Token 列表</span>
         <div class="flex flex-wrap items-center gap-4">
           <NInputGroup>
-            <NInput v-model:value="model.accessToken" />
             <NButton @click="userStore.addAccessToken(model.accessToken)">
               添加
             </NButton>
+            <NInput v-model:value="model.accessToken" class="w-[300px]" />
           </NInputGroup>
           <NList>
             <NListItem v-for="item in userStore.userConfig.accessTokenList" :key="item">
-              <NTag type="info" class="mr-2">
-                {{ item }}
-              </NTag>
               <NButton @click="userStore.deleteAccessToken(item)">
                 删除
               </NButton>
+              <NTag type="info" class="m-2">
+                {{ item }}
+              </NTag>
             </NListItem>
           </NList>
         </div>
@@ -270,17 +272,19 @@ async function checkAppUpdate() {
         <span class="flex-shrink-0 w-[100px]">Host 列表</span>
         <div class="flex flex-wrap items-center gap-4">
           <NInputGroup>
-            <NInput v-model:value="model.host" />
             <NButton @click="userStore.addHost(model.host)">
               添加
             </NButton>
+            <NInput v-model:value="model.host" />
           </NInputGroup>
           <NList>
             <NListItem v-for="item in userStore.userConfig.hostList" :key="item">
-              <NTag> {{ item }} </NTag>
               <NButton @click="userStore.deleteHost(item)">
                 删除
               </NButton>
+              <NTag type="info" class="m-2">
+                {{ item }}
+              </NTag>
             </NListItem>
           </NList>
         </div>
diff --git a/src/components/common/Setting/index.vue b/src/components/common/Setting/index.vue
index 753a3be..3a0f43a 100644
--- a/src/components/common/Setting/index.vue
+++ b/src/components/common/Setting/index.vue
@@ -31,7 +31,7 @@ const show = computed({
 </script>
 
 <template>
-  <NModal v-model:show="show" :auto-focus="false" preset="card" :title="$t('setting.setting')" style="width: 95%; max-width: 640px;">
+  <NModal v-model:show="show" :auto-focus="false" preset="card" :title="$t('setting.setting')" style="width: 95%; max-width: 1080px; margin: 20px auto;">
     <div>
       <NTabs v-model:value="active" type="line" animated>
         <NTabPane name="User" tab="User">
diff --git a/src/store/modules/user/index.ts b/src/store/modules/user/index.ts
index 4dbe14b..8ab2f38 100644
--- a/src/store/modules/user/index.ts
+++ b/src/store/modules/user/index.ts
@@ -12,6 +12,7 @@ export const useUserStore = defineStore('user-store', {
 
     addApiKey(apiKey: string) {
       this.userConfig.apiKeyList.push(apiKey)
+      this.recordState()
     },
 
     deleteApiKey(apiKey: string) {
@@ -21,6 +22,7 @@ export const useUserStore = defineStore('user-store', {
 
     addAccessToken(accessToken: string) {
       this.userConfig.accessTokenList.push(accessToken)
+      this.recordState()
     },
 
     deleteAccessToken(accessToken: string) {