diff --git a/resources/js/components/MacroPlanningComponent.vue b/resources/js/components/MacroPlanningComponent.vue
index a18fd5c..11f3a98 100644
--- a/resources/js/components/MacroPlanningComponent.vue
+++ b/resources/js/components/MacroPlanningComponent.vue
@@ -61,7 +61,7 @@
                     <template v-if="isAdmin">
                         <tr v-for="project of projects" :key="project.id" class="projectRow">
                             <th scope="col">
-                                <span :class="'rounded-1 p-1 project text-nowrap text-truncate overflow-hidden bg-enum-'+project.status">{{ project.name | str_limit(45) }}</span>
+                                <a :href="route('projects.show', {PROJECT: project.id })" :class="'rounded-1 p-1 project text-nowrap text-truncate overflow-hidden bg-enum-'+project.status">{{ project.name | str_limit(45) }}</a>
                             </th>
                             <td>
                                 <span class="fw-bold text-nowrap text-truncate overflow-hidden">{{ projectStatusEnum[project.status].label }}</span>
diff --git a/resources/views/macroplanning/view.blade.php b/resources/views/macroplanning/view.blade.php
index 6f932f0..0ccf393 100644
--- a/resources/views/macroplanning/view.blade.php
+++ b/resources/views/macroplanning/view.blade.php
@@ -21,6 +21,7 @@
 <script>
     window._routes = {
         "macroplanning.activity": "{{ route('macroplanning.activity') }}",
+        "projects.show": "{{ route('projects.show', ['project' => 'PROJECT']) }}",
     };
 </script>
 @endpush