diff --git a/ee/app/assets/javascripts/compliance_dashboard/components/projects_report/projects_table.vue b/ee/app/assets/javascripts/compliance_dashboard/components/projects_report/projects_table.vue
index 02a944204f3d7e5a1184153c36fa99efc835f123..02738a53b5fd2f34368a0c2732a6485725c99fcf 100644
--- a/ee/app/assets/javascripts/compliance_dashboard/components/projects_report/projects_table.vue
+++ b/ee/app/assets/javascripts/compliance_dashboard/components/projects_report/projects_table.vue
@@ -230,8 +230,8 @@ export default {
     {
       key: 'complianceFramework',
       label: __('Compliance framework'),
-      thClass: 'gl-vertical-align-middle!',
-      tdClass: 'gl-vertical-align-middle!',
+      thClass: 'gl-md-max-w-26 gl-vertical-align-middle!',
+      tdClass: 'gl-md-max-w-26 gl-vertical-align-middle!',
       sortable: false,
     },
   ],
diff --git a/ee/app/assets/javascripts/compliance_dashboard/components/standards_adherence_report/standards_adherence_table.vue b/ee/app/assets/javascripts/compliance_dashboard/components/standards_adherence_report/standards_adherence_table.vue
index 52b475fac985d88e2811b01690375f5d5edadb73..bc9f63e95e2fa715c0774055af9b79b77942a473 100644
--- a/ee/app/assets/javascripts/compliance_dashboard/components/standards_adherence_report/standards_adherence_table.vue
+++ b/ee/app/assets/javascripts/compliance_dashboard/components/standards_adherence_report/standards_adherence_table.vue
@@ -22,7 +22,7 @@ import {
 } from './constants';
 import FixSuggestionsSidebar from './fix_suggestions_sidebar.vue';
 
-const columnWidth = 'gl-white-space-nowrap';
+const columnWidth = 'gl-md-max-w-26 gl-white-space-nowrap';
 
 export default {
   name: 'ComplianceStandardsAdherenceTable',
@@ -146,6 +146,7 @@ export default {
     {
       key: 'project',
       sortable: false,
+      tdClass: columnWidth,
     },
     {
       key: 'checks',
@@ -207,8 +208,13 @@ export default {
 
       <template #cell(project)="{ item: { project } }">
         <div>{{ project.name }}</div>
-        <div v-for="framework in project.complianceFrameworks.nodes" :key="framework.id">
-          <gl-badge size="sm" class="gl-mt-3"> {{ framework.name }}</gl-badge>
+        <div
+          v-for="framework in project.complianceFrameworks.nodes"
+          :key="framework.id"
+          class="gl-label"
+          :title="framework.name"
+        >
+          <gl-badge size="sm" class="gl-mt-3 gl-label-text"> {{ framework.name }}</gl-badge>
         </div>
       </template>