diff --git a/web/src/lib/components/base/multi_select.svelte b/web/src/lib/components/base/multi_select.svelte
index 19ab5e69..38e7d105 100644
--- a/web/src/lib/components/base/multi_select.svelte
+++ b/web/src/lib/components/base/multi_select.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-    import { writable } from "svelte/store";
-    import type { SelectItem } from "./select.svelte";
     import { createEventDispatcher } from "svelte";
-    import {_} from "svelte-i18n"
+    import { _ } from "svelte-i18n";
+    import type { SelectItem } from "./select.svelte";
 
     export let items: SelectItem[] = [];
     export let value: SelectItem[] = [];
diff --git a/web/src/lib/components/trail/trail_filter_panel.svelte b/web/src/lib/components/trail/trail_filter_panel.svelte
index 661b1c95..b2d9f430 100644
--- a/web/src/lib/components/trail/trail_filter_panel.svelte
+++ b/web/src/lib/components/trail/trail_filter_panel.svelte
@@ -153,6 +153,7 @@
             {/if}
             <MultiSelect
                 on:change={(e) => setCategoryFilter(e.detail)}
+                value={categorySelectItems.filter(i => filter.category.includes(i.value))}
                 label={$_("categories")}
                 items={categorySelectItems}
                 placeholder={`${$_("filter-categories")}...`}