+
+ {{ getDisplayRoles(user) }}
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
index 63564b588..75ad5bd0e 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
@@ -1,3 +1,5 @@
+@use 'variables';
+
.right-container {
display: flex;
width: 353px;
@@ -20,3 +22,23 @@
.action-buttons > div {
display: flex;
}
+
+.cell {
+ &.no-role-alignment {
+ flex-direction: row;
+ justify-content: start;
+ align-items: center;
+ color: variables.$primary;
+ }
+}
+
+.opacity-1 {
+ opacity: 1;
+}
+
+.icon {
+ font-size: 12px;
+ height: 12px;
+ width: 12px;
+ margin-right: 4px;
+}
diff --git a/apps/red-ui/src/app/modules/icons/icons.module.ts b/apps/red-ui/src/app/modules/icons/icons.module.ts
index bcb2f116a..9b1eeb327 100644
--- a/apps/red-ui/src/app/modules/icons/icons.module.ts
+++ b/apps/red-ui/src/app/modules/icons/icons.module.ts
@@ -12,6 +12,7 @@ export class IconsModule {
constructor(private readonly _iconRegistry: MatIconRegistry, private readonly _sanitizer: DomSanitizer) {
const icons = [
'ai',
+ 'alert-circle',
'approved',
'archive',
'arrow-up',
diff --git a/apps/red-ui/src/assets/icons/general/alert-circle.svg b/apps/red-ui/src/assets/icons/general/alert-circle.svg
new file mode 100644
index 000000000..315677462
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/alert-circle.svg
@@ -0,0 +1,6 @@
+