diff --git a/ee/app/assets/javascripts/security_dashboard/components/auto_fix_help_text.vue b/ee/app/assets/javascripts/security_dashboard/components/auto_fix_help_text.vue
index f956eba831367b365b61c48282d37f9404d5f586..e6b6be877d984a6c37a1189f97696932531d7bab 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/auto_fix_help_text.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/auto_fix_help_text.vue
@@ -1,5 +1,6 @@
 <script>
 import { GlBadge, GlPopover, GlIcon } from '@gitlab/ui';
+import { s__ } from '~/locale';
 
 const ICONCOLOR = {
   opened: 'gl-text-green-500',
@@ -14,6 +15,9 @@ const ICON = {
 };
 
 export default {
+  i18n: {
+    AUTO_FIX: s__('AutoRemediation|Auto-fix'),
+  },
   components: {
     GlBadge,
     GlIcon,
@@ -37,6 +41,7 @@ export default {
 </script>
 
 <template>
+  <!-- eslint-disable @gitlab/vue-require-i18n-strings -->
   <div ref="popover" data-testid="vulnerability-solutions-bulb">
     <gl-badge ref="badge" variant="neutral" icon="merge-request" />
     <gl-popover
@@ -66,9 +71,9 @@ export default {
               }}<span
                 v-if="mergeRequest.securityAutoFix"
                 data-testid="vulnerability-solutions-popover-link-autofix"
-                >{{ s__('AutoRemediation|: Auto-fix') }}</span
-              ></span
-            >
+                >{{ `: ${$options.i18n.AUTO_FIX}` }}</span
+              >
+            </span>
           </a>
         </li>
       </ul>
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index e7d7287f76508814dd27749b2f8566a952a78860..48eb4cc2812d4626a234bd3977f98cfa8a2dd862 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -4190,7 +4190,7 @@ msgstr ""
 msgid "AutoRemediation|%{mrsCount} ready for review"
 msgstr ""
 
-msgid "AutoRemediation|: Auto-fix"
+msgid "AutoRemediation|Auto-fix"
 msgstr ""
 
 msgid "AutoRemediation|Auto-fix solutions"