diff --git a/src/routes/app/+layout.js b/src/routes/app/+layout.js
index 75c1c01d4..b5360db2d 100644
--- a/src/routes/app/+layout.js
+++ b/src/routes/app/+layout.js
@@ -1,5 +1,5 @@
 import { search } from "$lib/api/documents.js";
-import { getPinnedAddons } from "@/lib/api/addons.js";
+import { getPinnedAddons } from "@/lib/api/addons";
 
 export async function load({ url, fetch }) {
   const query = url.searchParams.get("q") || "";
diff --git a/src/routes/app/+page.svelte b/src/routes/app/+page.svelte
index ca30ddc9f..01ec3bfa5 100644
--- a/src/routes/app/+page.svelte
+++ b/src/routes/app/+page.svelte
@@ -158,7 +158,9 @@
 
     <SidebarGroup>
       <SidebarItem slot="title"><Plug16 /> Add-Ons</SidebarItem>
-      <Action slot="action" icon={Book16}>Explore</Action>
+      <a href="/app/add-ons/" slot="action">
+        <Action icon={Book16}>Explore</Action>
+      </a>
       <Flex direction="column" gap={0}>
         {#await pinnedAddons}
           <Empty icon={Hourglass24}>Loading…</Empty>
diff --git a/src/routes/app/add-ons/+page.svelte b/src/routes/app/add-ons/+page.svelte
index e69de29bb..b7daf89b5 100644
--- a/src/routes/app/add-ons/+page.svelte
+++ b/src/routes/app/add-ons/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+  import AddOnBrowser from "@/addons/browser/Browser.svelte";
+</script>
+
+<AddOnBrowser />