diff --git a/packages/frontend/apps/electron/renderer/shell/app.tsx b/packages/frontend/apps/electron/renderer/shell/app.tsx
index 4a3185ca261b7..42179afa0d079 100644
--- a/packages/frontend/apps/electron/renderer/shell/app.tsx
+++ b/packages/frontend/apps/electron/renderer/shell/app.tsx
@@ -6,6 +6,7 @@ import {
   AppTabsHeader,
   configureAppTabsHeaderModule,
 } from '@affine/core/modules/app-tabs-header';
+import { configureI18nModule, I18nProvider } from '@affine/core/modules/i18n';
 import { configureElectronStateStorageImpls } from '@affine/core/modules/storage';
 import { SplitViewFallback } from '@affine/core/modules/workbench/view/split-view/split-view';
 import {
@@ -21,6 +22,7 @@ configureGlobalStorageModule(framework);
 configureElectronStateStorageImpls(framework);
 configureAppTabsHeaderModule(framework);
 configureAppSidebarModule(framework);
+configureI18nModule(framework);
 const frameworkProvider = framework.provider();
 
 export function App() {
@@ -32,12 +34,14 @@ export function App() {
   return (
     <FrameworkRoot framework={frameworkProvider}>
       <ThemeProvider>
-        <div className={styles.root} data-translucent={translucent}>
-          <AppTabsHeader mode="shell" className={styles.appTabsHeader} />
-          <ShellAppFallback className={styles.fallbackRoot}>
-            <SplitViewFallback className={styles.splitViewFallback} />
-          </ShellAppFallback>
-        </div>
+        <I18nProvider>
+          <div className={styles.root} data-translucent={translucent}>
+            <AppTabsHeader mode="shell" className={styles.appTabsHeader} />
+            <ShellAppFallback className={styles.fallbackRoot}>
+              <SplitViewFallback className={styles.splitViewFallback} />
+            </ShellAppFallback>
+          </div>
+        </I18nProvider>
       </ThemeProvider>
     </FrameworkRoot>
   );