diff --git a/@xen-orchestra/lite/src/components/AppHeader.vue b/@xen-orchestra/lite/src/components/AppHeader.vue
index afedbd1ff..4f1754039 100644
--- a/@xen-orchestra/lite/src/components/AppHeader.vue
+++ b/@xen-orchestra/lite/src/components/AppHeader.vue
@@ -23,7 +23,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue";
+import { computed, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import {
   faEarthAmericas,
@@ -35,6 +36,9 @@ import AccountButton from "@/components/AccountButton.vue";
 import FormWidget from "@/components/FormWidget.vue";
 
 const router = useRouter();
+const { locale } = useI18n();
+
+watch(locale, (newLocale) => localStorage.setItem("lang", newLocale));
 
 const colorMode = useLocalStorage<string>("colorMode", "dark");
 const toggleTheme = () => {
diff --git a/@xen-orchestra/lite/src/i18n.ts b/@xen-orchestra/lite/src/i18n.ts
index f014f305f..451f24f4b 100644
--- a/@xen-orchestra/lite/src/i18n.ts
+++ b/@xen-orchestra/lite/src/i18n.ts
@@ -3,7 +3,7 @@ import en from "@/locales/en.json";
 import fr from "@/locales/fr.json";
 
 export default createI18n<[typeof en], "en" | "fr">({
-  locale: "en",
+  locale: localStorage.getItem("lang") ?? "en",
   fallbackLocale: "en",
   messages: {
     en,