Inherited Roles UI getting distorted (When roles list is long)

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.3.X
• Fix Version/s: 7.3.X, 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: User Management > Roles
• Labels:
  • ee-ts
  • liferay-fixpack-dxp-4-7310
  • liferay-update-dxp-1-7413
  • liferay-update-dxp-4-7310
• Branch Version/s:
  7.3.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay-usm/liferay-portal/pull/351

Steps to reproduce:
1. Navigate Control Panel -> User and Organizations -> Organizations -> Create Org (TestOrg)
2. Navigate Control Panel -> Roles (Regular Roles)
3. Create a regular role with a longer name (example: RegularRoleOne_RegularRoleTwo_RegularRoleThree_RegularRoleFour_1)
4. Once the role is created -> Goto Assignees Tab -> Associate Role with (TestOrg)
5. Repeat above Steps (2,3,4) for 2 more times (example: RegularRoleOne_RegularRoleTwo_RegularRoleThree_RegularRoleFour_2 and RegularRoleOne_RegularRoleTwo_RegularRoleThree_RegularRoleFour_3)
6. Navigate to Control Panel -> User and Organizations -> Users -> Create User (TestUser)
7. Assign Organization (TestOrg) to user, it will automatically inherit the roles granted to (TestOrg)
8. Go to Roles tab.
Expected behavior: INHERITED REGULAR ROLES can be displayed correctly.
Current behavior: Inherited Roles UI getting distorted (screenshot attached).

Reproduced on 73x: c24d74666f8c822a95d023bc515395153084acc5
Fixed on Master: 132bb649de4d780695b9c607b7957e0cda665d6f.