diff --git a/src/components/ChannelItem.svelte b/src/components/ChannelItem.svelte
index a1361d633..6e56a23b8 100644
--- a/src/components/ChannelItem.svelte
+++ b/src/components/ChannelItem.svelte
@@ -4,6 +4,8 @@
   import GuidesPopup from './GuidesPopup.svelte'
   import ChannelPopup from './ChannelPopup.svelte'
   import Checkbox from './Checkbox.svelte'
+  import BlockedBadge from './BlockedBadge.svelte'
+  import ClosedBadge from './ClosedBadge.svelte'
   import { downloadMode, selected, query } from '~/store'
   import { fade } from 'svelte/transition'
 
@@ -107,20 +109,10 @@
           </a>
           <div class="flex space-x-2">
             {#if channel.is_closed}
-              <div
-                class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full"
-                title="closed: {channel.closed}"
-              >
-                Closed
-              </div>
+              <ClosedBadge {channel} />
             {/if}
             {#if channel.is_blocked}
-              <div
-                class="text-gray-500 border-[1px] border-gray-200 text-xs inline-flex items-center px-2.5 py-0.5 dark:text-gray-300 cursor-default rounded-full"
-                title="The channel has been added to our blocklist due to the claim of the copyright holder"
-              >
-                Blocked
-              </div>
+              <BlockedBadge {channel} />
             {/if}
           </div>
         </div>