diff --git a/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx b/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx index 07eb6a6ee4..258619110a 100644 --- a/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx +++ b/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx @@ -32,30 +32,31 @@ export const UserNameCell = ({ user, badges }) => {
- {' '}
{user.fullName}
-
- {badges.map(({ title, type }) => { - const badgeContent = ( -
- {formatMessage(title)} -
- ); + {badges.length > 0 && ( +
+ {badges.map(({ title, type }) => { + const badgeContent = ( +
+ {formatMessage(title)} +
+ ); - return type === ADMIN_TYPE ? ( - - {badgeContent} - - ) : ( - badgeContent - ); - })} -
+ return type === ADMIN_TYPE ? ( + + {badgeContent} + + ) : ( + badgeContent + ); + })} +
+ )}
); diff --git a/app/src/pages/common/membersPage/userNameCell/userNameCell.scss b/app/src/pages/common/membersPage/userNameCell/userNameCell.scss index 451de82656..30ff3443dc 100644 --- a/app/src/pages/common/membersPage/userNameCell/userNameCell.scss +++ b/app/src/pages/common/membersPage/userNameCell/userNameCell.scss @@ -39,7 +39,6 @@ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; - min-width: 0; } .badges {