diff --git a/ui/.storybook/preview.jsx b/ui/.storybook/preview.jsx
index c47adef4b77..d7f67f696a2 100644
--- a/ui/.storybook/preview.jsx
+++ b/ui/.storybook/preview.jsx
@@ -1,7 +1,8 @@
 import {setup} from "@storybook/vue3";
+import {createI18n} from "vue-i18n";
+import {withThemeByClassName} from "@storybook/addon-themes";
 import initApp from "../src/utils/init";
 import stores from "../src/stores/store";
-import {withThemeByClassName} from "@storybook/addon-themes";
 
 import "../src/styles/vendor.scss";
 import "../src/styles/app.scss";
@@ -29,12 +30,19 @@ const preview = {
           dark: "dark",
         },
         defaultTheme: "light",
-      }),
+      })
   ]
 };
 
+const i18n = createI18n({
+  locale: "en",
+  messages: {en},
+  legacy: false,
+});
+
 setup((app) => {
   initApp(app, [], stores, en);
+  app.use(i18n);
 });
 
 export default preview;