diff --git a/src/index.tsx b/src/index.tsx
index 1bf99f70..36b1fb14 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -8,13 +8,14 @@ import { registerSW } from "virtual:pwa-register";
 import { ErrorBoundary } from "@/components/layout/ErrorBoundary";
 import App from "@/setup/App";
 import { conf } from "@/setup/config";
+import i18n from "@/setup/i18n";
 
 import "@/setup/ga";
 import "@/setup/sentry";
-import "@/setup/i18n";
 import "@/setup/index.css";
 import "@/backend";
 import { initializeChromecast } from "./setup/chromecast";
+import { SettingsStore } from "./state/settings/store";
 import { initializeStores } from "./utils/storage";
 
 // initialize
@@ -30,6 +31,7 @@ registerSW({
 
 const LazyLoadedApp = React.lazy(async () => {
   await initializeStores();
+  i18n.changeLanguage(SettingsStore.get().language ?? "en");
   return {
     default: App,
   };