Fix issues with new checkbox styling

app/assets/javascripts/diffs/components/diff_file_header.vue

@@ -339,14 +339,12 @@ export default {
         v-if="isReviewable && showLocalFileReviews"
         v-gl-tooltip.hover
         data-testid="fileReviewCheckbox"
-        class="gl-mb-0"
+        class="gl-mr-5 gl-display-flex gl-align-items-center"
         :title="$options.i18n.fileReviewTooltip"
         :checked="reviewed"
         @change="toggleReview"
       >
-        <span class="gl-line-height-20">
         {{ $options.i18n.fileReviewLabel }}
-        </span>
       </gl-form-checkbox>
       <gl-button-group class="gl-pt-0!">
         <gl-button

app/assets/stylesheets/framework/forms.scss

@@ -35,7 +35,8 @@ label {
     margin: 0;
   }
 
-  &.form-check-label {
+  &.form-check-label,
+  &.custom-control-label {
     font-weight: $gl-font-weight-normal;
   }