diff --git a/src/App.svelte b/src/App.svelte
index a88da5d..789e591 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -62,7 +62,7 @@
         {:else if currentView === "/topics"}
             <TopicList {alltopics}/>
         {:else if currentView.startsWith("/topic/")}
-            <TopicDetail topicname={currentView.split("/").slice(2).join("/")}/>
+            <TopicDetail topicname={currentView.split("/").slice(2).join("/")} {alltopics}/>
         {:else if currentView === "/formats"}
             <FormatList/>
         {:else if currentView.startsWith("/format/")}
diff --git a/src/TopicDetail.svelte b/src/TopicDetail.svelte
index d77f102..a470743 100644
--- a/src/TopicDetail.svelte
+++ b/src/TopicDetail.svelte
@@ -7,6 +7,8 @@
     import GenericCard from "./GenericCard.svelte"
 
     export let topicname;
+    export let alltopics;
+
     let items = [];
 
     $: fetch(`/learn/items.json?_shape=array&topics__contains=${topicname}`)
@@ -17,7 +19,7 @@
 </script>
 
 
-<TopicMasonryGrid {topicname}/>
+<TopicMasonryGrid {topicname} {alltopics}/>
 
 <!-- <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
     {#each items as item}