Merge branch '216932-fix-alignment' into 'master'

Fix the alingment issues

See merge request gitlab-org/gitlab!33855

ee/app/assets/javascripts/vue_shared/security_reports/components/severity_badge.vue

@@ -56,7 +56,7 @@ export default {
 </script>
 
 <template>
-  <div v-if="hasSeverityBadge" class="severity-badge text-left text-nowrap gl-text-gray-900">
+  <div v-if="hasSeverityBadge" class="severity-badge text-sm-left text-nowrap gl-text-gray-900">
     <span :class="className"
       ><gl-icon v-tooltip="tooltipTitle" :name="iconName" :size="12" class="gl-mr-3"
     /></span>

ee/app/assets/javascripts/vulnerabilities/components/vulnerability_list.vue

@@ -172,7 +172,11 @@ export default {
       </template>
 
       <template #cell(checkbox)="{ item }">
-        <gl-form-checkbox :checked="isSelected(item)" @change="toggleVulnerability(item)" />
+        <gl-form-checkbox
+          class="d-inline-block mr-0"
+          :checked="isSelected(item)"
+          @change="toggleVulnerability(item)"
+        />
       </template>
 
       <template #cell(state)="{ item }">