1 files changed, 9 insertions, 6 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_not_allowed.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_not_allowed.vue
index d837551a813..536e61e57d3 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_not_allowed.vue
+++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_not_allowed.vue
@@ -1,9 +1,17 @@
 <script>
+import { s__ } from '~/locale';
+import BoldText from '~/vue_merge_request_widget/components/bold_text.vue';
 import StatusIcon from '../mr_widget_status_icon.vue';
 
+const message = s__(
+  'mrWidget|%{boldStart}Ready to be merged automatically.%{boldEnd} Ask someone with write access to this repository to merge this request.',
+);
+
 export default {
   name: 'MRWidgetNotAllowed',
+  message,
   components: {
+    BoldText,
     StatusIcon,
   },
 };
@@ -13,12 +21,7 @@ export default {
   <div class="mr-widget-body media">
     <status-icon status="success" />
     <div class="media-body space-children">
-      <span class="gl-font-weight-bold">
-        {{
-          s__(`mrWidget|Ready to be merged automatically.
-Ask someone with write access to this repository to merge this request`)
-        }}
-      </span>
+      <bold-text :message="$options.message" />
     </div>
   </div>
 </template>