diff --git a/src/components/project/cards/Document.vue b/src/components/project/cards/Document.vue
index 31b7c91..4831822 100644
--- a/src/components/project/cards/Document.vue
+++ b/src/components/project/cards/Document.vue
@@ -34,7 +34,9 @@
   </article>
 </template>
 <script setup>
+import { useRoute } from "vue-router";
 import DateTime from "./DateTime.vue";
+import { computed } from "vue";
 
 const { step, pdf, index } = defineProps({
   step: Object,
@@ -46,11 +48,11 @@ const { step, pdf, index } = defineProps({
   },
 });
 
-const uri =
-  location.pathname + "?dialog=" + step.slug + "&fileIndex=" + getIndex();
+const route = useRoute();
 
-function getIndex() {
-  if (index) return index;
-  return step.files.findIndex((file) => file.type === "document");
-}
+const uri = computed(() => {
+  const fileIndex =
+    index ?? step.files.findIndex((file) => file.type === "document");
+  return `${route.fullPath}?dialog=${step.slug}&fileIndex=${fileIndex}`;
+});
 </script>
diff --git a/src/views/Kanban.vue b/src/views/Kanban.vue
index f94b243..49def36 100644
--- a/src/views/Kanban.vue
+++ b/src/views/Kanban.vue
@@ -16,7 +16,7 @@ import Header from "../components/project/Header.vue";
 import DialogWrapper from "../components/project/DialogWrapper.vue";
 import { usePageStore } from "../stores/page";
 import { storeToRefs } from "pinia";
-import { watch } from "vue";
+import { computed, watch } from "vue";
 import { useDialogStore } from "../stores/dialog";
 import { useRoute } from "vue-router";