diff --git a/scraper/src/kolibri2zim/scraper.py b/scraper/src/kolibri2zim/scraper.py
index 21bb800..5d11539 100644
--- a/scraper/src/kolibri2zim/scraper.py
+++ b/scraper/src/kolibri2zim/scraper.py
@@ -549,7 +549,7 @@ def add_video_node(self, node_id):
         )
         with self.creator_lock:
             self.creator.add_item_for(
-                path=f"files/{node['slug']}",
+                path=f"files/{node['slug']}/",
                 title=node["title"],
                 content=html,
                 mimetype="text/html",
@@ -670,7 +670,7 @@ def add_audio_node(self, node_id):
         )
         with self.creator_lock:
             self.creator.add_item_for(
-                path=f"files/{node['slug']}",
+                path=f"files/{node['slug']}/",
                 title=node["title"],
                 content=html,
                 mimetype="text/html",
@@ -749,7 +749,7 @@ def add_exercise_node(self, node_id):
         )
         with self.creator_lock:
             self.creator.add_item_for(
-                path=f"files/{node['slug']}",
+                path=f"files/{node['slug']}/",
                 title=node["title"],
                 content=html,
                 mimetype="text/html",
@@ -829,7 +829,7 @@ def get_is_epub(file):
                 **node,
             )
             with self.creator_lock:
-                path = f"files/{node['slug']}"
+                path = f"files/{node['slug']}/"
                 if is_alt:
                     path += "_alt"
                 self.creator.add_item_for(
@@ -872,7 +872,7 @@ def add_html5_node(self, node_id):
                         path=(
                             f"files/{node['slug']}/{ark_member}"
                             if ark_member != "index.html"
-                            else f"files/{node['slug']}"
+                            else f"files/{node['slug']}/"
                         ),
                         content=zip_ark.open(ark_member).read(),
                         is_front=(ark_member == "index.html"),
@@ -898,7 +898,7 @@ def add_html5_node(self, node_id):
                     path=(
                         f"files/{node['slug']}/{ark_member}"
                         if ark_member != "index.html"
-                        else f"files/{node['slug']}"
+                        else f"files/{node['slug']}/"
                     ),
                     target_path=f"html5_files/{content_hash}",
                     is_front=ark_member == "index.html",
diff --git a/zimui/src/components/TopicCard.vue b/zimui/src/components/TopicCard.vue
index ff7ffc2..2c725bb 100644
--- a/zimui/src/components/TopicCard.vue
+++ b/zimui/src/components/TopicCard.vue
@@ -65,7 +65,7 @@ defineProps({
   </div>
 
   <div v-else class="card">
-    <a class="text-decoration-none text-reset" :href="`./files/${data.slug}`">
+    <a class="text-decoration-none text-reset" :href="`./files/${data.slug}/`">
       <img
         v-if="data.thumbnail"
         class="card-img-top"
@@ -107,13 +107,13 @@ defineProps({
   transform: translateY(-50%);
 }
 
-.card-body{
+.card-body {
   padding: 15px 15px 30px 15px;
 }
 
 .card-img-top {
   border-radius: 1rem 1rem 0 0;
-  width: 100%; 
+  width: 100%;
 }
 
 .badge {
@@ -128,7 +128,7 @@ defineProps({
 
 .badge-wrapper {
   position: absolute;
-  bottom: 15px; 
+  bottom: 15px;
   left: 10px;
 }
 
@@ -164,7 +164,7 @@ defineProps({
   -webkit-box-orient: vertical;
 }
 
-.text-decoration-none{
+.text-decoration-none {
   display: flex;
   flex-direction: column;
   height: 100%;