diff --git a/pinry-spa/src/components/PHeader.vue b/pinry-spa/src/components/PHeader.vue
index c463380..d4da5c7 100644
--- a/pinry-spa/src/components/PHeader.vue
+++ b/pinry-spa/src/components/PHeader.vue
@@ -110,7 +110,7 @@
               </div>
             </div>
             <div class="locale-changer">
-              <select v-model="$i18n.locale">
+              <select v-model="$i18n.locale" @change="setLocale($event)">
                  <option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">{{ locale }}</option>
               </select>
             </div>
@@ -145,6 +145,9 @@ export default {
     },
   },
   methods: {
+    setLocale(event) {
+      localStorage.setItem('localeCode', event.target.value);
+    },
     toggleMenu() {
       this.active = !this.active;
     },
diff --git a/pinry-spa/src/main.js b/pinry-spa/src/main.js
index 4fa2219..ded2560 100644
--- a/pinry-spa/src/main.js
+++ b/pinry-spa/src/main.js
@@ -19,7 +19,7 @@ Vue.use(VueI18n);
 setUpAxiosCsrfConfig();
 
 const i18n = new VueI18n({
-  locale: navigator.language.split('-')[0],
+  locale: localStorage.getItem('localeCode') || navigator.language.split('-')[0],
   fallbackLocale: 'en',
   messages,
 });