diff --git a/webui/src/App.svelte b/webui/src/App.svelte
index 9cfa3e6..b8e8198 100644
--- a/webui/src/App.svelte
+++ b/webui/src/App.svelte
@@ -29,7 +29,7 @@
   </Route>
 
   <Route path="/search/:query" let:params>
-    <Search query={params.query} />
+    <Search query={decodeURIComponent(params.query)} />
   </Route>
 
   <Footer on:resize={setBottomMargin} />
diff --git a/webui/src/components/layout/Header.svelte b/webui/src/components/layout/Header.svelte
index 0e8cc1a..8e5d641 100644
--- a/webui/src/components/layout/Header.svelte
+++ b/webui/src/components/layout/Header.svelte
@@ -16,7 +16,7 @@
     searchQuery = event.detail;
 
     if (searchQuery.length > 0) {
-      navigate(`/search/${searchQuery}`);
+      navigate(`/search/${encodeURIComponent(searchQuery)}`);
     } else {
       navigate("/");
     }