diff --git a/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue b/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
index 075e1c5..d31f1b5 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
@@ -40,7 +40,7 @@
                             <HeartIcon class="h-6 w-6 text-red-500 mr-2" />
                             <span>{{ manga.rating }}</span>
                         </div>
-                        <p>{{ manga.description }}</p>
+                        <p class="line-clamp-5">{{ manga.description }}</p>
                     </div>
                 </div>
             </div>
@@ -58,3 +58,17 @@
         }
     });
 </script>
+
+<style scoped>
+    /* Pour s'assurer que line-clamp fonctionne */
+    @supports (-webkit-line-clamp: 5) {
+        .line-clamp-5 {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 5;
+            line-clamp: 5;
+            -webkit-box-orient: vertical;
+        }
+    }
+</style>