diff --git a/src_assets/common/assets/web/pin.html b/src_assets/common/assets/web/pin.html
index 82b45299e67..0c0bf9729a5 100644
--- a/src_assets/common/assets/web/pin.html
+++ b/src_assets/common/assets/web/pin.html
@@ -25,7 +25,7 @@ <h1 class="my-4 text-center">{{ $t('pin.pin_pairing') }}</h1>
 
 <script type="module">
   import { createApp } from 'vue'
-  import i18n from './locale.js'
+  import i18nLocale from './locale.js'
   import Navbar from './Navbar.vue'
   import {initApp} from "./init";
 
@@ -35,8 +35,9 @@ <h1 class="my-4 text-center">{{ $t('pin.pin_pairing') }}</h1>
     }
   });
 
-  initApp(app, (app => {
+  initApp(app, (async app => {
     // this must be after mounting the app
+    const i18n = await i18nLocale()
     document.querySelector("#form").addEventListener("submit", (e) => {
       e.preventDefault();
       let pin = document.querySelector("#pin-input").value;