diff --git a/webapp/src/components/Nav.svelte b/webapp/src/components/Nav.svelte
index df085782..fc95831a 100644
--- a/webapp/src/components/Nav.svelte
+++ b/webapp/src/components/Nav.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { debounce } from "lodash";
+  import debounce from "lodash/debounce";
   import { goto, prefetch, stores } from "@sapper/app";
   export let segment;
 
diff --git a/webapp/src/routes/index.json.js b/webapp/src/routes/index.json.js
index 474508ba..073c99e8 100644
--- a/webapp/src/routes/index.json.js
+++ b/webapp/src/routes/index.json.js
@@ -5,7 +5,7 @@ const API_URL = process.env.API_URL || 'http://localhost:33842';
 export async function get(req, res) {
 	const { skip, limit } = {
 		skip: req.query.skip || 0,
-		limit: req.query.query || 20,
+		limit: req.query.limit || 20,
 	};
 	const response = await fetch(`${API_URL}/api?skip=${skip}&limit=${limit}`);
 	res.writeHead(response.status, { 'Content-Type': 'application/json' });
diff --git a/webapp/src/routes/index.svelte b/webapp/src/routes/index.svelte
index 35632141..f1063ac0 100644
--- a/webapp/src/routes/index.svelte
+++ b/webapp/src/routes/index.svelte
@@ -2,7 +2,7 @@
   export async function preload(page) {
     const { skip, limit } = {
       skip: page.query.skip || 0,
-      limit: page.query.query || 20,
+      limit: page.query.limit || 20,
     };
     const res = await this.fetch(`index.json?skip=${skip}&limit=${limit}`);
     const data = await res.json();
diff --git a/webapp/src/routes/search.svelte b/webapp/src/routes/search.svelte
index 6bf00a6a..50871749 100644
--- a/webapp/src/routes/search.svelte
+++ b/webapp/src/routes/search.svelte
@@ -2,7 +2,7 @@
   export async function preload(page) {
     const { skip, limit, q } = {
       skip: page.query.skip || 0,
-      limit: page.query.query || 20,
+      limit: page.query.limit || 20,
       q: page.query.q || "",
     };
     const res = await this.fetch(