Make approval rule paths break line when needed

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals_list.vue

@@ -46,7 +46,7 @@ export default {
           rules: orderBy(
             this.approvalRules
               .filter(rule => rule.rule_type === RULE_TYPE_CODE_OWNER)
-              .map(rule => ({ ...rule, nameClass: 'monospace' })),
+              .map(rule => ({ ...rule, nameClass: 'monospace gl-word-break-all' })),
             [o => o.section === 'codeowners', 'name', 'section'],
             ['desc', 'asc', 'asc'],
           ),

ee/changelogs/unreleased/238418-fix-approval-rules-bursting-layout.yml

+---
+title: Fix Approval Rules table in Merge Requests brusting out of the layout in some
+  scenarios
+merge_request: 39753
+author:
+type: fixed