diff --git a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
index ad5cf6a..6b4ac58 100644
--- a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
@@ -3,7 +3,10 @@
         <Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
         <div class="container mx-auto px-4">
             <MangaGrid v-if="viewMode === 'grid'" :mangas="collection?.items || []" />
-            <MangaList v-else-if="viewMode === 'list'" :mangas="collection?.items || []" />
+            <MangaList
+                v-else-if="viewMode === 'list'"
+                :mangas="collection?.items || []"
+                @manga-click="handleMangaClick" />
             <div
                 v-if="isBackgroundLoading"
                 class="fixed bottom-4 right-4 bg-gray-800 text-white px-4 py-2 rounded-lg shadow-lg">
@@ -46,6 +49,10 @@
         mangaStore.loadCollection();
     });
 
+    const handleMangaClick = manga => {
+        router.push({ name: 'manga-details', params: { id: manga.id } });
+    };
+
     const toolbarConfig = {
         leftSection: [
             {