diff --git a/komga-webui/src/components/Badge.vue b/komga-webui/src/components/Badge.vue
index 56132dddc..316e9a434 100644
--- a/komga-webui/src/components/Badge.vue
+++ b/komga-webui/src/components/Badge.vue
@@ -1,6 +1,6 @@
 <template>
     <span class="badge">
-      {{ value }}
+      <slot/>
     </span>
 </template>
 
@@ -8,13 +8,7 @@
 import Vue from 'vue'
 
 export default Vue.extend({
-  name: 'Badge',
-  props: {
-    value: {
-      type: [String, Number],
-      required: true
-    }
-  }
+  name: 'Badge'
 })
 </script>
 
diff --git a/komga-webui/src/views/BrowseLibraries.vue b/komga-webui/src/views/BrowseLibraries.vue
index 134738df3..f13977099 100644
--- a/komga-webui/src/views/BrowseLibraries.vue
+++ b/komga-webui/src/views/BrowseLibraries.vue
@@ -7,7 +7,7 @@
 
       <v-toolbar-title>
         <span>{{ library ? library.name : 'All libraries' }}</span>
-        <badge class="ml-4" v-if="totalElements" v-model="totalElements"/>
+        <badge class="ml-4" v-if="totalElements">{{ totalElements }}</badge>
       </v-toolbar-title>
 
       <v-spacer/>
diff --git a/komga-webui/src/views/BrowseSeries.vue b/komga-webui/src/views/BrowseSeries.vue
index 49997b5f7..6bedda88b 100644
--- a/komga-webui/src/views/BrowseSeries.vue
+++ b/komga-webui/src/views/BrowseSeries.vue
@@ -25,7 +25,7 @@
 
       <v-toolbar-title>
         <span v-if="$_.get(series, 'metadata.title')">{{ series.metadata.title }}</span>
-        <badge class="ml-4" v-if="totalElements" v-model="totalElements"/>
+        <badge class="ml-4" v-if="totalElements">{{ totalElements }}</badge>
       </v-toolbar-title>
 
       <v-spacer/>