diff --git a/src/messages/TranslationProvider.tsx b/src/messages/TranslationProvider.tsx
index 1c6c5a5ca..45f61c18e 100644
--- a/src/messages/TranslationProvider.tsx
+++ b/src/messages/TranslationProvider.tsx
@@ -3,7 +3,7 @@
  *
  * SPDX-License-Identifier: MIT
  */
-import { useSettings } from "../store";
+import { inContextTranslationLangId, useSettings } from "../store";
 import { IntlProvider, MessageFormatElement } from "react-intl";
 import { ReactNode, useEffect, useState } from "react";
 import { retryAsyncLoad } from "./chunk-util";
@@ -17,7 +17,7 @@ async function loadLocaleData(locale: string) {
   );
   const importLanguage =
     (flags.translationPreview && languageSetting?.ui === "preview") ||
-    languageSetting?.ui === true;
+    languageSetting?.ui === true || lang === inContextTranslationLangId;
   if (importLanguage) {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     return (await import(`./ui.${lang}.json`)).default as Messages;
diff --git a/src/store.ts b/src/store.ts
index 6120e675a..080f3e7e4 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -1388,7 +1388,7 @@ export const useHasNoStoredData = (): boolean => {
 
 type UseSettingsReturn = [Settings, (settings: Partial<Settings>) => void];
 
-const inContextTranslationLangId = "lol";
+export const inContextTranslationLangId = "lol";
 
 export const useSettings = (): UseSettingsReturn => {
   const [settings, setSettings] = useStore(