diff --git a/src/main.tsx b/src/main.tsx
index 5c7c20c..058f759 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,7 @@
 import { themeChange } from "theme-change";
 import { render } from "preact";
 import { useState, useEffect } from "preact/hooks";
-import { App } from "@/pages/app";
+import { App } from "@/pages/App";
 import { Tr, langCodeContext, LANG_OPTIONS } from "@/translate";
 
 function Base() {
diff --git a/src/pages/addToolMsg.tsx b/src/pages/AddToolMsg.tsx
similarity index 100%
rename from src/pages/addToolMsg.tsx
rename to src/pages/AddToolMsg.tsx
diff --git a/src/pages/app.tsx b/src/pages/App.tsx
similarity index 99%
rename from src/pages/app.tsx
rename to src/pages/App.tsx
index 078bff0..8303a20 100644
--- a/src/pages/app.tsx
+++ b/src/pages/App.tsx
@@ -4,7 +4,7 @@ import "@/global.css";
 
 import { calculate_token_length } from "@/chatgpt";
 import { getDefaultParams } from "@/utils/getDefaultParam";
-import ChatBOX from "@/pages/chatbox";
+import ChatBOX from "@/pages/Chatbox";
 import { DefaultModel } from "@/const";
 import { Tr, langCodeContext, LANG_OPTIONS } from "@/translate";
 import { ChatStore } from "@/types/chatstore";
diff --git a/src/pages/chatbox.tsx b/src/pages/Chatbox.tsx
similarity index 99%
rename from src/pages/chatbox.tsx
rename to src/pages/Chatbox.tsx
index d268c04..ccc89d1 100644
--- a/src/pages/chatbox.tsx
+++ b/src/pages/Chatbox.tsx
@@ -38,7 +38,7 @@ import Templates from "@/components/Templates";
 import VersionHint from "@/components/VersionHint";
 import StatusBar from "@/components/StatusBar";
 import WhisperButton from "@/components/WhisperButton";
-import AddToolMsg from "./addToolMsg";
+import AddToolMsg from "./AddToolMsg";
 
 export default function ChatBOX(props: {
   db: Promise<IDBPDatabase<ChatStore>>;