1 files changed, 4 insertions, 2 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/sha_mismatch.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/sha_mismatch.vue
index 27919f90cc3..2aa345b420e 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/sha_mismatch.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/sha_mismatch.vue
@@ -1,11 +1,13 @@
 <script>
 import { GlButton } from '@gitlab/ui';
+import BoldText from '~/vue_merge_request_widget/components/bold_text.vue';
 import { I18N_SHA_MISMATCH } from '../../i18n';
 import StateContainer from '../state_container.vue';
 
 export default {
   name: 'ShaMismatch',
   components: {
+    BoldText,
     GlButton,
     StateContainer,
   },
@@ -24,10 +26,10 @@ export default {
 <template>
   <state-container :mr="mr" status="failed">
     <span
-      class="gl-font-weight-bold gl-md-mr-3 gl-flex-grow-1 gl-ml-0! gl-text-body!"
+      class="gl-md-mr-3 gl-flex-grow-1 gl-ml-0! gl-text-body!"
       data-qa-selector="head_mismatch_content"
     >
-      {{ $options.i18n.I18N_SHA_MISMATCH.warningMessage }}
+      <bold-text :message="$options.i18n.I18N_SHA_MISMATCH.warningMessage" />
     </span>
     <template #actions>
       <gl-button