diff --git a/frontend/src/views/social/VocabLessonView.vue b/frontend/src/views/social/VocabLessonView.vue
index 527c311..e1971b5 100644
--- a/frontend/src/views/social/VocabLessonView.vue
+++ b/frontend/src/views/social/VocabLessonView.vue
@@ -219,7 +219,7 @@
           </div>
 
           <!-- Vokabeltrainer -->
-          <div v-if="trainableLessonVocab.length > 0" class="vocab-trainer-section">
+          <div v-if="trainableLessonVocab.length > 0 || hasCrossChapterHardVocab" class="vocab-trainer-section">
             <h4>{{ $t('socialnetwork.vocab.courses.vocabTrainer') }}</h4>
             <div v-if="hasPreviousVocab" class="review-priority-note">
               <strong>{{ $t('socialnetwork.vocab.courses.reviewPriorityTitle') }}</strong>
@@ -235,15 +235,15 @@
                 <button @click="startVocabTrainer" class="btn-start-trainer">
                   {{ hasPreviousVocab ? $t('socialnetwork.vocab.courses.startLesson') : $t('socialnetwork.vocab.courses.startVocabTrainer') }}
                 </button>
-                <button
-                  v-if="hasCrossChapterHardVocab"
-                  @click="startHardVocabTrainer"
-                  class="btn-start-trainer button-secondary"
-                >
-                  {{ $t('socialnetwork.vocab.courses.startHardVocabTrainer', { count: crossChapterHardVocab.length }) }}
-                </button>
               </template>
               <p v-else class="vocab-trainer-locked-hint">{{ $t('socialnetwork.vocab.courses.vocabTrainerLockedHint') }}</p>
+              <button
+                v-if="hasCrossChapterHardVocab"
+                @click="startHardVocabTrainer"
+                class="btn-start-trainer button-secondary"
+              >
+                {{ $t('socialnetwork.vocab.courses.startHardVocabTrainer', { count: crossChapterHardVocab.length }) }}
+              </button>
             </div>
             <div v-else class="vocab-trainer-active">
               <div class="vocab-trainer-stats">