Add word break to policies column in frameworks table

What does this MR do and why?

Fix text overflow issue in the compliance frameworks table by adding proper word-breaking to the policies column. When policy names are long, they were overlapping with text in the "Last updated" column, making both columns unreadable.

The changes include:

  • Add gl-break-words CSS class to the policies column in the compliance frameworks table
  • This prevents long policy names from overflowing into adjacent columns
  • Improves readability of both the "Policies" and "Last updated" columns

This provides a better user experience by ensuring all table content remains readable regardless of policy name length.

References

Relates to https://gitlab.com/gitlab-org/gitlab/-/issues/566555

Screenshots

Before After
Compliance-center--Gitlab-Org--GitLab-09-12-2025_01_09_PM Compliance-center--Gitlab-Org--GitLab-09-12-2025_01_14_PM

How to set up and validate locally

  1. Go to Secure -> Compliance center -> Frameworks
  2. Create a new framework
  3. Go to Secure -> Policies
  4. Create a new policy with a long name and scope it to the framework
  5. Go to Secure -> Compliance center -> Frameworks
  6. Verify that long policy names wrap within their column instead of overflowing
Edited by Nate Rosandich

Merge request reports

Loading