diff --git a/README-ZH_CN.md b/README-ZH_CN.md
index 46176ca..e8e500e 100644
--- a/README-ZH_CN.md
+++ b/README-ZH_CN.md
@@ -58,7 +58,7 @@
 - [chat-gpt_0.7.4_amd64.AppImage](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/chat-gpt_0.7.4_amd64.AppImage): **工作可靠，`.deb` 运行失败时可以尝试它**
 - 使用 [AUR](https://aur.archlinux.org/packages/chatgpt-desktop-bin):
   ```bash
-  sudo pacman -S chatgpt-desktop-bin
+  yay -S chatgpt-desktop-bin
   ```
 
 <!-- download end -->
@@ -73,8 +73,8 @@
 
 你可以从 [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts) 来寻找有趣的功能来导入到应用。也可以使用 `Sync Prompts`，来一键同步所有，如果你不想让某些提示出现在你的斜杠命令，你可以禁用它们。
 
-![chat cmd](./assets/chat-cmd-1.png)
-![chat cmd](./assets/chat-cmd-2.png)
+![chatgpt menu](./assets/chatgpt-menu.png)
+![chatgpt sync prompts](./assets/chatgpt-sync-prompts.png)
 
 <!-- 数据导入完成后，可以重新启动应用来使配置生效（`Menu -> Preferences -> Restart ChatGPT`）。 -->
 
@@ -171,9 +171,9 @@
 
 ## 👀 预览
 
-<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/control-center.png" alt="control center">
-<img width="320" src="./assets/export.png" alt="export"> <img width="320" src="./assets/tray.png" alt="tray">
-<img width="320" src="./assets/tray-login.png" alt="tray login"> <img width="320" src="./assets/auto-update.png" alt="auto update">
+<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/chatgpt-control-center-general.png" alt="control center">
+<img width="320" src="./assets/chatgpt-export.png" alt="export"> <img width="320" src="./assets/chatgpt-dalle2-tray.png" alt="dalle2 tray">
+<img width="320" src="./assets/auto-update.png" alt="auto update">
 
 ## ❓ 常见问题
 
diff --git a/README.md b/README.md
index 2feda4c..1122e2e 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,6 @@
 </p>
 
 <div align="center"><h2>ChatGPT Desktop Application</h2></div>
-<br>
 
 [![English badge](https://img.shields.io/badge/%E8%8B%B1%E6%96%87-English-blue)](./README.md)
 [![简体中文 badge](https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-Simplified%20Chinese-blue)](./README-ZH_CN.md)\
@@ -59,11 +58,7 @@
 
 - [chat-gpt_0.7.4_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/chat-gpt_0.7.4_amd64.deb): Download `.deb` installer, advantage small size, disadvantage poor compatibility
 - [chat-gpt_0.7.4_amd64.AppImage](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/chat-gpt_0.7.4_amd64.AppImage): Works reliably, you can try it if `.deb` fails to run
-- Use [AUR](https://aur.archlinux.org/packages/chatgpt-desktop-bin):
-  ```bash
-  sudo pacman -S chatgpt-desktop-bin
-  ```
-
+- Available on [AUR](https://aur.archlinux.org/packages/chatgpt-desktop-bin) with the package name `chatgpt-desktop-bin`, and you can use your favourite AUR package manager to install it.
 
 <!-- download end -->
 
@@ -79,8 +74,8 @@ This is a major and exciting update. It works like a `Telegram bot command` and
 
 You can look at **[awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts)** to find interesting features to import into the app. You can also use `Sync Prompts` to sync all in one click, and if you don't want certain prompts to appear in your slash commands, you can disable them.
 
-![chat cmd](./assets/chat-cmd-1.png)
-![chat cmd](./assets/chat-cmd-2.png)
+![chatgpt menu](./assets/chatgpt-menu.png)
+![chatgpt sync prompts](./assets/chatgpt-sync-prompts.png)
 
 <!-- After the data import is done, you can restart the app to make the configuration take effect (`Menu -> Preferences -> Restart ChatGPT`). -->
 
@@ -89,7 +84,6 @@ You can look at **[awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt
 - Under the slash command, use the tab key to modify the contents of the `{q}` tag (only single changes are supported [#54](https://github.com/lencx/ChatGPT/issues/54)). Use the keyboard `⇧` (arrow up) and `⇩` (arrow down) keys to select the slash command.
 
 ![chatgpt](assets/chatgpt.gif)
-
 ![chatgpt-cmd](assets/chatgpt-cmd.gif)
 
 ## ✨ Features
@@ -187,9 +181,9 @@ Currently, only json and csv are supported for synchronizing custom files, and t
 
 ## 👀 Preview
 
-<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/control-center.png" alt="control center">
-<img width="320" src="./assets/export.png" alt="export"> <img width="320" src="./assets/tray.png" alt="tray">
-<img width="320" src="./assets/tray-login.png" alt="tray login"> <img width="320" src="./assets/auto-update.png" alt="auto update">
+<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/chatgpt-control-center-general.png" alt="control center">
+<img width="320" src="./assets/chatgpt-export.png" alt="export"> <img width="320" src="./assets/chatgpt-dalle2-tray.png" alt="dalle2 tray">
+<img width="320" src="./assets/auto-update.png" alt="auto update">
 
 ## ❓FAQ
 
diff --git a/assets/chat-cmd-1.png b/assets/chat-cmd-1.png
deleted file mode 100644
index e83d4c2..0000000
Binary files a/assets/chat-cmd-1.png and /dev/null differ
diff --git a/assets/chat-cmd-2.png b/assets/chat-cmd-2.png
deleted file mode 100644
index 36e971c..0000000
Binary files a/assets/chat-cmd-2.png and /dev/null differ
diff --git a/assets/chatgpt-control-center-general.png b/assets/chatgpt-control-center-general.png
new file mode 100644
index 0000000..8cdc94e
Binary files /dev/null and b/assets/chatgpt-control-center-general.png differ
diff --git a/assets/chatgpt-dalle2-tray.png b/assets/chatgpt-dalle2-tray.png
new file mode 100644
index 0000000..66cf204
Binary files /dev/null and b/assets/chatgpt-dalle2-tray.png differ
diff --git a/assets/chatgpt-export.png b/assets/chatgpt-export.png
new file mode 100644
index 0000000..1be711c
Binary files /dev/null and b/assets/chatgpt-export.png differ
diff --git a/assets/chatgpt-menu.png b/assets/chatgpt-menu.png
new file mode 100644
index 0000000..bd5e4c2
Binary files /dev/null and b/assets/chatgpt-menu.png differ
diff --git a/assets/chatgpt-sync-prompts.png b/assets/chatgpt-sync-prompts.png
new file mode 100644
index 0000000..2006952
Binary files /dev/null and b/assets/chatgpt-sync-prompts.png differ
diff --git a/assets/control-center.png b/assets/control-center.png
deleted file mode 100644
index 90b8d0d..0000000
Binary files a/assets/control-center.png and /dev/null differ
diff --git a/assets/export.png b/assets/export.png
deleted file mode 100644
index 6d580bc..0000000
Binary files a/assets/export.png and /dev/null differ
diff --git a/assets/tray-login.png b/assets/tray-login.png
deleted file mode 100644
index 0dad35b..0000000
Binary files a/assets/tray-login.png and /dev/null differ
diff --git a/assets/tray.png b/assets/tray.png
deleted file mode 100644
index de46b51..0000000
Binary files a/assets/tray.png and /dev/null differ
diff --git a/src/view/General.tsx b/src/view/General.tsx
index ce4416e..6b5d0aa 100644
--- a/src/view/General.tsx
+++ b/src/view/General.tsx
@@ -153,11 +153,8 @@ export default function General() {
         <Form.Item>
           <Space size={20}>
             <Button onClick={onCancel}>Cancel</Button>
-
-            <Button type="primary" htmlType="submit">
-              Submit
-            </Button>
-            <a onClick={onReset}>Reset to defaults</a>
+            <Button type="primary" htmlType="submit">Submit</Button>
+            <Button type="dashed" onClick={onReset}>Reset to defaults</Button>
           </Space>
 
         </Form.Item>