diff --git a/src/App.jsx b/src/App.jsx
index ffc0ae0..2661392 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,4 @@
-import {  useLocation, Outlet } from "react-router-dom";
+import { useLocation, Outlet } from "react-router-dom";
 import { useLayoutEffect } from "react";
 import SettingsContextProvider from "./context/SettingsContext";
 import { useSettings } from "./hooks";
@@ -7,7 +7,9 @@ export default function App() {
   return (
     <SettingsContextProvider>
       <RestoreScroll />
-      <Outlet />
+      <ThemedPage>
+        <Outlet />
+      </ThemedPage>
     </SettingsContextProvider>
   );
 }
diff --git a/src/main.jsx b/src/main.jsx
index ff0c1df..99be27d 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,7 +1,6 @@
 import ReactDOM from "react-dom/client";
 import { LocaleProvider } from "@douyinfe/semi-ui";
 import { Analytics } from "@vercel/analytics/react";
-import App from "./App.jsx";
 import en_US from "@douyinfe/semi-ui/lib/es/locale/source/en_US";
 import "./index.css";
 import "./i18n/i18n.js";