diff --git a/webapp/package.json b/webapp/package.json
index 1239717..366522d 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -12,6 +12,7 @@
     "compression": "^1.7.1",
     "date-fns": "^2.16.1",
     "isomorphic-fetch": "^3.0.0",
+    "lodash": "^4.17.20",
     "node-fetch": "^2.6.1",
     "polka": "next",
     "sirv": "^1.0.0"
diff --git a/webapp/src/components/Nav.svelte b/webapp/src/components/Nav.svelte
index 6a6dcc0..b628acb 100644
--- a/webapp/src/components/Nav.svelte
+++ b/webapp/src/components/Nav.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { debounce } from 'lodash';
   import { goto, prefetch } from "@sapper/app";
   import { stores } from "@sapper/app";
 
@@ -12,7 +13,9 @@
     q = value.query.q || "";
   });
 
-  async function handleSearch(event) {
+ let handleSearch = debounce(_handleSearch);
+
+  async function _handleSearch(event) {
     const url = `/search?q=${event.target.value}`;
     await prefetch(url);
     await goto(url);
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 8db15a8..56a3188 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -1421,6 +1421,11 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
+lodash@^4.17.20:
+  version "4.17.20"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
+
 lower-case@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"