diff --git a/src/components/CategoryPreview.vue b/src/components/CategoryPreview.vue
index 5f4769f..873ea79 100644
--- a/src/components/CategoryPreview.vue
+++ b/src/components/CategoryPreview.vue
@@ -25,7 +25,7 @@ export default {
 
 <template>
   <div class="bg-ctp-crust w-40 lg:w-[11rem] md:w-[13.5rem] rounded-lg">
-    <router-link :to="`/directory/game/${category.name}`">
+    <router-link :to="`/directory/game/${encodeURIComponent(category.name)}`">
       <img :src="category.image" class="rounded-lg rounded-b-none w-full" />
     </router-link>
 
diff --git a/src/views/CategoryView.vue b/src/views/CategoryView.vue
index 3530b7c..49d1e32 100644
--- a/src/views/CategoryView.vue
+++ b/src/views/CategoryView.vue
@@ -20,7 +20,7 @@ export default {
     }
   },
   async mounted() {
-    await getEndpoint('api/discover/' + this.$route.params.game)
+    await getEndpoint('api/discover/' + encodeURIComponent(this.$route.params.game))
       .catch(() => {
         this.status = 'error'
       })