diff --git a/src/lib/components/blog/CategoryFilter.svelte b/src/lib/components/blog/CategoryFilter.svelte
index 690fc37..4646cca 100644
--- a/src/lib/components/blog/CategoryFilter.svelte
+++ b/src/lib/components/blog/CategoryFilter.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { BlogTag } from '$lib/types/blog';
-	export let selected: BlogTag;
+	import type { Tag } from '$lib/types/post';
+	export let selected: Tag | null = null;
 	let className = '';
 	export { className as class };
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
 
-	let options: BlogTag[] = ['DevOps', 'AI', 'Updates'];
+	let options: Tag[] = ['DevOps', 'Philosophy', 'Updates'];
 
-	const clickHandler = (value: BlogTag) => {
+	const clickHandler = (value: Tag) => {
 		if (value === selected) {
 			goto(`/blog`, { keepFocus: true, noScroll: true });
 			selected = '';