diff --git a/komga-webui/src/views/BrowseCollection.vue b/komga-webui/src/views/BrowseCollection.vue
index 474be8a38a..75f8d50b2d 100644
--- a/komga-webui/src/views/BrowseCollection.vue
+++ b/komga-webui/src/views/BrowseCollection.vue
@@ -54,6 +54,7 @@
       @mark-unread="markSelectedUnread"
       @add-to-collection="addToCollection"
       @edit="editMultipleSeries"
+      @delete="deleteSeries"
     />
 
     <!--  Edit elements sticky bar  -->
@@ -508,6 +509,9 @@ export default Vue.extend({
     editMultipleSeries() {
       this.$store.dispatch('dialogUpdateSeries', this.selectedSeries)
     },
+    deleteSeries() {
+      this.$store.dispatch('dialogDeleteSeries', this.selectedSeries)
+    },
     async markSelectedRead() {
       await Promise.all(this.selectedSeries.map(s =>
         this.$komgaSeries.markAsRead(s.id),
diff --git a/komga-webui/src/views/BrowseReadList.vue b/komga-webui/src/views/BrowseReadList.vue
index 4492044303..b18c234a30 100644
--- a/komga-webui/src/views/BrowseReadList.vue
+++ b/komga-webui/src/views/BrowseReadList.vue
@@ -52,6 +52,7 @@
       @add-to-readlist="addToReadList"
       @edit="editMultipleBooks"
       @bulk-edit="bulkEditMultipleBooks"
+      @delete="deleteBooks"
     />
 
     <!--  Edit elements sticky bar  -->
@@ -472,6 +473,9 @@ export default Vue.extend({
     bulkEditMultipleBooks() {
       this.$store.dispatch('dialogUpdateBulkBooks', this.selectedBooks)
     },
+    deleteBooks() {
+      this.$store.dispatch('dialogDeleteBook', this.selectedBooks)
+    },
     async markSelectedRead() {
       await Promise.all(this.selectedBooks.map(b =>
         this.$komgaBooks.updateReadProgress(b.id, {completed: true} as ReadProgressUpdateDto),
diff --git a/komga-webui/src/views/DashboardView.vue b/komga-webui/src/views/DashboardView.vue
index 98b1b654f4..1bc1a388bc 100644
--- a/komga-webui/src/views/DashboardView.vue
+++ b/komga-webui/src/views/DashboardView.vue
@@ -28,6 +28,7 @@
       @mark-unread="markSelectedSeriesUnread"
       @add-to-collection="addToCollection"
       @edit="editMultipleSeries"
+      @delete="deleteSeries"
     />
 
     <multi-select-bar
@@ -39,6 +40,7 @@
       @add-to-readlist="addToReadList"
       @edit="editMultipleBooks"
       @bulk-edit="bulkEditMultipleBooks"
+      @delete="deleteBooks"
     />
 
     <v-container fluid>
@@ -448,6 +450,12 @@ export default Vue.extend({
     editMultipleBooks() {
       this.$store.dispatch('dialogUpdateBooks', this.selectedBooks)
     },
+    deleteSeries() {
+      this.$store.dispatch('dialogDeleteSeries', this.selectedSeries)
+    },
+    deleteBooks() {
+      this.$store.dispatch('dialogDeleteBook', this.selectedBooks)
+    },
     bulkEditMultipleBooks() {
       this.$store.dispatch('dialogUpdateBulkBooks', this.selectedBooks)
     },
diff --git a/komga-webui/src/views/SearchView.vue b/komga-webui/src/views/SearchView.vue
index 88879a6a52..73ad0b6f0f 100644
--- a/komga-webui/src/views/SearchView.vue
+++ b/komga-webui/src/views/SearchView.vue
@@ -14,6 +14,7 @@
       @mark-unread="markSelectedSeriesUnread"
       @add-to-collection="addToCollection"
       @edit="editMultipleSeries"
+      @delete="deleteSeries"
     />
 
     <multi-select-bar
@@ -25,6 +26,7 @@
       @add-to-readlist="addToReadList"
       @edit="editMultipleBooks"
       @bulk-edit="bulkEditMultipleBooks"
+      @delete="deleteBooks"
     />
 
     <multi-select-bar
@@ -339,6 +341,12 @@ export default Vue.extend({
     bulkEditMultipleBooks() {
       this.$store.dispatch('dialogUpdateBulkBooks', this.selectedBooks)
     },
+    deleteSeries() {
+      this.$store.dispatch('dialogDeleteSeries', this.selectedSeries)
+    },
+    deleteBooks() {
+      this.$store.dispatch('dialogDeleteBook', this.selectedBooks)
+    },
     deleteCollections() {
       this.$store.dispatch('dialogDeleteCollection', this.selectedCollections)
     },