diff --git a/packages/client/src/router/index.js b/packages/client/src/router/index.js
index d82977dd6..b558dcb6e 100644
--- a/packages/client/src/router/index.js
+++ b/packages/client/src/router/index.js
@@ -69,7 +69,7 @@ export const routes = [
         },
       },
       {
-        path: '/grant/:id',
+        path: '/grants/:id',
         name: 'grantDetail',
         component: () => import('../views/GrantDetails.vue'),
         meta: {
diff --git a/packages/client/src/views/Dashboard.vue b/packages/client/src/views/Dashboard.vue
index d49f51f57..2c06c7248 100644
--- a/packages/client/src/views/Dashboard.vue
+++ b/packages/client/src/views/Dashboard.vue
@@ -145,7 +145,7 @@ export default {
       if (!newGrantsDetailPageEnabled()) {
         return;
       }
-      this.$router.push(`grant/${item.grant_id}`);
+      this.$router.push({ name: 'grantDetail', params: { id: item.grant_id } });
     },
   },
 };
diff --git a/packages/client/src/views/RecentActivity.vue b/packages/client/src/views/RecentActivity.vue
index 82786f619..168fb9e3e 100644
--- a/packages/client/src/views/RecentActivity.vue
+++ b/packages/client/src/views/RecentActivity.vue
@@ -101,7 +101,7 @@ export default {
       if (!newGrantsDetailPageEnabled()) {
         return;
       }
-      this.$router.push(`grant/${item.grant_id}`);
+      this.$router.push({ name: 'grantDetail', params: { id: item.grant_id } });
     },
     exportCSV() {
       this.exportCSVRecentActivities();
diff --git a/packages/client/src/views/UpcomingClosingDates.vue b/packages/client/src/views/UpcomingClosingDates.vue
index 6c5a0ec95..9b0328bbc 100644
--- a/packages/client/src/views/UpcomingClosingDates.vue
+++ b/packages/client/src/views/UpcomingClosingDates.vue
@@ -98,7 +98,7 @@ export default {
       if (!newGrantsDetailPageEnabled()) {
         return;
       }
-      this.$router.push(`grant/${item.grant_id}`);
+      this.$router.push({ name: 'grantDetail', params: { id: item.grant_id } });
     },
   },
 };