diff --git a/src/features/legal/views/LegalNoticeView.vue b/src/features/legal/views/LegalNoticeView.vue
index 889343b..2c15138 100644
--- a/src/features/legal/views/LegalNoticeView.vue
+++ b/src/features/legal/views/LegalNoticeView.vue
@@ -21,11 +21,13 @@ import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
 
+const loading = ref(true);
 const legalNoticeError = ref(null);
 const legalNoticeHtml = ref(null);
 onMounted(async () => {
     try {
         legalNoticeHtml.value = await getLegalNotice();
+        loading.value = false;
     } catch {
         legalNoticeError.value = 'legal.notice.loadError';
     }
@@ -40,7 +42,10 @@ onMounted(async () => {
             </h1>
         </header>
         <main>
-            <div class="error" v-if="legalNoticeError">
+            <div v-if="loading">
+                {{ t('loading') }}
+            </div>
+            <div class="error" v-else-if="legalNoticeError">
                 {{ t(legalNoticeError) }}
             </div>
             <div class="legal-notice" v-html="legalNoticeHtml" v-else></div>