diff --git a/console/src/app/pages/projects/project-role-create/project-role-create.component.ts b/console/src/app/pages/projects/project-role-create/project-role-create.component.ts
index 0771f73ba8..99fdff5625 100644
--- a/console/src/app/pages/projects/project-role-create/project-role-create.component.ts
+++ b/console/src/app/pages/projects/project-role-create/project-role-create.component.ts
@@ -89,6 +89,7 @@ export class ProjectRoleCreateComponent implements OnInit, OnDestroy {
             role.setKey(element.key);
             role.setDisplayName(element.displayName);
             role.setGroup(element.group);
+            role.setId(this.projectId);
             return role;
         });
 
diff --git a/console/src/styles.scss b/console/src/styles.scss
index 4d7afdb0a6..fbea0a2f1e 100644
--- a/console/src/styles.scss
+++ b/console/src/styles.scss
@@ -1,5 +1,6 @@
 // Custom Theming for Angular Material
 // For more information: https://material.angular.io/guide/theming
+
 @import '~@angular/material/theming';
 @import './component-themes';