diff --git a/components/IndexContent.vue b/components/IndexContent.vue
index 3bafdb2..0438dd9 100644
--- a/components/IndexContent.vue
+++ b/components/IndexContent.vue
@@ -10,7 +10,7 @@
             <div class="flex items-start gap-2">
               <NuxtLink 
                 v-if="hasItems(work)" 
-                :to="'/works/' + slugify(work.title)" 
+                :to="'/works/' + (work.slug || slugify(work.title))" 
                 class="italic hover:underline"
               >
                 <span v-html="work.title"></span>
diff --git a/pages/pieces.vue b/pages/pieces.vue
index c20cacb..1e5beb2 100644
--- a/pages/pieces.vue
+++ b/pages/pieces.vue
@@ -8,7 +8,7 @@
             <div>
               <NuxtLink 
                 v-if="hasItems(work)" 
-                :to="'/works/' + slugify(work.title)" 
+                :to="'/works/' + (work.slug || slugify(work.title))" 
                 class="text-base italic hover:underline"
               >
                 <span v-html="work.title"></span>
@@ -43,7 +43,7 @@
           <NuxtLink 
             v-for="work in worksWithImages" 
             :key="work.title"
-            :to="'/works/' + slugify(work.title)"
+            :to="'/works/' + (work.slug || slugify(work.title))"
             class="block group relative overflow-hidden"
           >
             <nuxt-img