diff --git a/src/views/administration/accessmanagement/PortfolioAccessControl.vue b/src/views/administration/accessmanagement/PortfolioAccessControl.vue
index 48b06e216..c2f35f03a 100644
--- a/src/views/administration/accessmanagement/PortfolioAccessControl.vue
+++ b/src/views/administration/accessmanagement/PortfolioAccessControl.vue
@@ -33,6 +33,7 @@ import permissionsMixin from '../../../mixins/permissionsMixin';
 import { Switch as cSwitch } from '@coreui/vue';
 import BInputGroupFormInput from '../../../forms/BInputGroupFormInput';
 import configPropertyMixin from '../mixins/configPropertyMixin';
+import router from '@/router'
 
 export default {
   props: {
@@ -123,7 +124,9 @@ export default {
                 }
               },
               projectUri: function (uuid) {
-                return xssFilters.uriInUnQuotedAttr('../projects/' + uuid);
+                const href = router.resolve({name: 'Project', params: {uuid: uuid}}).href;
+                const sanitizedHref = xssFilters.uriInUnQuotedAttr(href);
+                return sanitizedHref;
               },
               updateProjectSelection: function (selections) {
                 this.$root.$emit('bv::hide::modal', 'selectProjectModal');