diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3edbe6366..fed719784 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,8 @@
- **App Subscription Management**
- fixed 'read more' link by adding link [#1200](https://github.com/eclipse-tractusx/portal-frontend/pull/1200)
+- **User Management**
+ - user table - allow user to scroll horizontally in roles column to view all the added information
### Feature
diff --git a/src/components/shared/frame/UserList/index.tsx b/src/components/shared/frame/UserList/index.tsx
index c56248041..7d974c1b8 100644
--- a/src/components/shared/frame/UserList/index.tsx
+++ b/src/components/shared/frame/UserList/index.tsx
@@ -130,7 +130,7 @@ export const UserList = ({
{
field: 'name',
headerName: t('global.field.name'),
- flex: 3,
+ flex: 2,
valueGetter: ({ row }: { row: TenantUser }) =>
`${row.firstName} ${row.lastName}`,
},
@@ -138,7 +138,7 @@ export const UserList = ({
{
field: 'status',
headerName: t('global.field.status'),
- flex: 3,
+ flex: 1.5,
renderCell: ({ value: status }) => {
return (
@@ -148,25 +148,33 @@ export const UserList = ({
{
field: 'roles',
headerName: t('global.field.role'),
- flex: 4,
- renderCell: ({ value: roles }) =>
- roles.length
- ? roles.map((role: RoleType | string) => (
-
- ))
- : '',
+ flex: 5,
+ renderCell: ({ value: roles }) => (
+
+ {roles.length
+ ? roles.map((role: RoleType | string) => (
+
+ ))
+ : ''}
+
+ ),
},
{
field: 'details',
headerName: isDetail
? t('global.field.details')
: t('global.field.edit'),
- flex: 2,
+ flex: 1.5,
renderCell: ({ row }: { row: TenantUser }) => (