diff --git a/assets/vue/app/domain/manga/presentation/components/MangaCard.vue b/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
index d358fe9..8ef99f5 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
@@ -35,11 +35,12 @@
             </div>
         </div>
 
-        <!-- Titre -->
+        <!-- Titre + année -->
         <RouterLink
             :to="{ name: 'manga-details', params: { id: manga.id } }"
             class="block p-2">
             <h3 class="text-xs font-medium text-gray-800 dark:text-gray-100 truncate">{{ manga.title }}</h3>
+            <span v-if="manga.publicationYear" class="text-xs text-gray-500 dark:text-gray-400">{{ manga.publicationYear }}</span>
         </RouterLink>
     </div>
 </template>
diff --git a/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue b/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
index 0ce9776..089299f 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-8 gap-2 p-4">
+    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-8 gap-3 p-4">
         <MangaCard
             v-for="manga in mangas"
             :key="manga.id"