diff --git a/src/lib/simpleStores.ts b/src/lib/simpleStores.ts
index c093e596..e3276729 100644
--- a/src/lib/simpleStores.ts
+++ b/src/lib/simpleStores.ts
@@ -98,7 +98,9 @@ const trueDefaults = {
 	Asc: true,
 	Unread: 0 as TriState,
 	Downloaded: 0 as TriState,
-	mangaMetaDefaults
+	mangaMetaDefaults,
+	downloadsBadge: true,
+	unreadbadge: true
 };
 
 type globalMeta = typeof trueDefaults;
diff --git a/src/routes/(app)/(library)/+page.svelte b/src/routes/(app)/(library)/+page.svelte
index ba96c139..f53cabb2 100644
--- a/src/routes/(app)/(library)/+page.svelte
+++ b/src/routes/(app)/(library)/+page.svelte
@@ -206,17 +206,21 @@
 										{$Meta.Display === display.Comfortable && 'rounded-none rounded-t-lg'}"
 										>
 											<div class="absolute top-2 left-2 flex">
-												{#if manga.downloadCount}
+												{#if manga.downloadCount && $Meta.downloadsBadge}
 													<div
-														class="{manga.unreadCount ? 'rounded-l' : 'rounded'}
+														class="{manga.unreadCount && $Meta.unreadbadge
+															? 'rounded-l'
+															: 'rounded'}
 													variant-filled-primary m-0 py-0.5 px-1"
 													>
 														{manga.downloadCount}
 													</div>
 												{/if}
-												{#if manga.unreadCount}
+												{#if manga.unreadCount && $Meta.unreadbadge}
 													<div
-														class="{manga.downloadCount ? 'rounded-r' : 'rounded'}
+														class="{manga.downloadCount && $Meta.downloadsBadge
+															? 'rounded-r'
+															: 'rounded'}
 													variant-filled-secondary m-0 py-0.5 px-1"
 													>
 														{manga.unreadCount}
diff --git a/src/routes/(app)/(library)/LibraryFilterModal.svelte b/src/routes/(app)/(library)/LibraryFilterModal.svelte
index 17b620fb..5c99046c 100644
--- a/src/routes/(app)/(library)/LibraryFilterModal.svelte
+++ b/src/routes/(app)/(library)/LibraryFilterModal.svelte
@@ -11,6 +11,7 @@
 	} from '@skeletonlabs/skeleton';
 	import { Meta, display, sort } from '$lib/simpleStores';
 	import { enumKeys } from '$lib/util';
+	import Slide from '$lib/components/Slide.svelte';
 	const modalStore = getModalStore();
 	let tabSet = localStorageStore('libraryModalTabs', 0);
 </script>
@@ -107,6 +108,14 @@
 							{/each}
 						</RadioGroup>
 					{:else if $tabSet === 2}
+						<Slide
+							bind:checked={$Meta.downloadsBadge}
+							class="outline-0 p-1 pl-2 hover:variant-glass-surface w-full">Downloads Badge</Slide
+						>
+						<Slide
+							bind:checked={$Meta.unreadbadge}
+							class="outline-0 p-1 pl-2 hover:variant-glass-surface w-full">Unread Badge</Slide
+						>
 						<RadioGroup
 							rounded="rounded-container-token"
 							background="bg-transparent"