diff --git a/src/lib/components/filters/menu.svelte b/src/lib/components/filters/menu.svelte
index b0dd7fcd5..a65a9a5f0 100644
--- a/src/lib/components/filters/menu.svelte
+++ b/src/lib/components/filters/menu.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
     import { Button } from '$lib/elements/forms';
     import { Card, Icon } from '@appwrite.io/pink-svelte';
-    import { tags } from './store';
     import { IconFilterLine } from '@appwrite.io/pink-icons-svelte';
     import { createMenubar, melt } from '@melt-ui/svelte';
+    import { parsedTags } from './setFilters';
 
     const {
         elements: { menubar },
@@ -17,8 +17,8 @@
 
 <div use:melt={$menubar}>
     <div use:melt={$trigger}>
-        {#if $tags.length}
-            <Button secondary badge={`${$tags.length}`}>
+        {#if $parsedTags?.length}
+            <Button secondary badge={`${$parsedTags?.length}`}>
                 <Icon icon={IconFilterLine} slot="start" size="s" />
                 Filters
             </Button>