diff --git a/console/src/app/app-routing.module.ts b/console/src/app/app-routing.module.ts
index 07cb9b6ce..ffd3c79a0 100644
--- a/console/src/app/app-routing.module.ts
+++ b/console/src/app/app-routing.module.ts
@@ -75,7 +75,7 @@ const routes: Routes = [
                     .then(m => m.UserGrantCreateModule),
                 canActivate: [RoleGuard],
                 data: {
-                    roles: ['project.grant.user.grant.write'],
+                    roles: ['user.grant.write'],
                 },
             },
             {
diff --git a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.html b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.html
index 98c9f6eac..b8c445290 100644
--- a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.html
+++ b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.html
@@ -12,11 +12,11 @@
             </div>
         </div>
 
-        <ng-template appHasRole
-            [appHasRole]="['project.grant.user.grant.read', 'project.grant.user.grant.read:'+grantId]">
+        <ng-template appHasRole [appHasRole]="['user.grant.read', 'user.grant.read:'+grantId]">
             <app-card *ngIf="project?.projectId" title="{{ 'GRANTS.PROJECT.TITLE' | translate }}"
                 description="{{'GRANTS.PROJECT.DESCRIPTION' | translate }}">
-                <app-user-grants [context]="userGrantContext" [projectId]="projectId" [grantId]="grantId"
+                <app-user-grants *ngIf="projectId && grantId" [context]="UserGrantContext.GRANTED_PROJECT"
+                    [projectId]="projectId" [grantId]="grantId"
                     [displayedColumns]="['select','user', 'projectId', 'creationDate', 'changeDate', 'roleNamesList']"
                     [allowCreate]="['user.grant.write','user.grant.write:'+grantId] | hasRole | async"
                     [allowDelete]="['user.grant.delete','user.grant.delete:'+grantId] | hasRole | async">
diff --git a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts
index daf4edc5b..0c4cfa3b9 100644
--- a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts
+++ b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts
@@ -63,7 +63,7 @@ export class GrantedProjectDetailComponent implements OnInit, OnDestroy {
 
     public isZitadel: boolean = false;
 
-    public userGrantContext: UserGrantContext = UserGrantContext.GRANTED_PROJECT;
+    UserGrantContext: any = UserGrantContext;
     public userGrantSearchKey: UserGrantSearchKey = UserGrantSearchKey.USERGRANTSEARCHKEY_PROJECT_ID;
 
     // members
diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.html b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.html
index 4537449b6..ead04e8e7 100644
--- a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.html
+++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.html
@@ -88,7 +88,7 @@
                 <ng-template appHasRole [appHasRole]="['user.grant.read']">
                     <app-card *ngIf="project?.projectId" title="{{ 'GRANTS.PROJECT.TITLE' | translate }}"
                         description="{{'GRANTS.PROJECT.DESCRIPTION' | translate }}">
-                        <app-user-grants [context]="userGrantContext" [projectId]="projectId"
+                        <app-user-grants [context]="UserGrantContext.OWNED_PROJECT" [projectId]="projectId"
                             [allowCreate]="(['user.grant.write', 'user.grant.write:'+projectId] | hasRole) | async"
                             [allowDelete]="(['user.grant.delete','user.grant.delete:'+projectId] | hasRole) | async">
                         </app-user-grants>
diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts
index 8b67c8b75..d82dec56b 100644
--- a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts
+++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts
@@ -65,7 +65,7 @@ export class OwnedProjectDetailComponent implements OnInit, OnDestroy {
     public isZitadel: boolean = false;
 
     public userGrantSearchKey: UserGrantSearchKey = UserGrantSearchKey.USERGRANTSEARCHKEY_PROJECT_ID;
-    public userGrantContext: UserGrantContext = UserGrantContext.OWNED_PROJECT;
+    public UserGrantContext: any = UserGrantContext;
 
     // members
     public totalMemberResult: number = 0;
diff --git a/console/src/app/services/grpc-auth.service.ts b/console/src/app/services/grpc-auth.service.ts
index 843fc7094..9936ba15e 100644
--- a/console/src/app/services/grpc-auth.service.ts
+++ b/console/src/app/services/grpc-auth.service.ts
@@ -141,7 +141,7 @@ export class GrpcAuthService {
     public hasRoles(userRoles: string[], requestedRoles: string[] | RegExp[]): boolean {
         return requestedRoles.findIndex((regexp: any) => {
             return userRoles.findIndex(role => {
-                return (new RegExp(regexp)).test(role);
+                return new RegExp(regexp).test(role);
             }) > -1;
         }) > -1;
     }