diff --git a/src/components/base/form/form_group/form_group.vue b/src/components/base/form/form_group/form_group.vue
index 3352b2c2d4853c5e6f85bf071b06e4cb108075b3..bf89c50ebbe005b59f305708ee4cb3dbe5cc4a5d 100644
--- a/src/components/base/form/form_group/form_group.vue
+++ b/src/components/base/form/form_group/form_group.vue
@@ -2,6 +2,7 @@
 import isString from 'lodash/isString';
 import isPlainObject from 'lodash/isPlainObject';
 import { BFormGroup } from '../../../../vendor/bootstrap-vue/src/components/form-group/form-group';
+import { translate } from '../../../../utils/i18n';
 
 export default {
   name: 'GlFormGroup',
@@ -28,7 +29,7 @@ export default {
     optionalText: {
       type: String,
       required: false,
-      default: '(optional)',
+      default: () => translate('GlFormGroup.optionalText', '(optional)'),
     },
   },
   computed: {
diff --git a/translations.js b/translations.js
index 31028804052e55a82916c8376b183a194b17cee2..fb6460b16128fdb4d97550a03bd457cc5ad9e14a 100644
--- a/translations.js
+++ b/translations.js
@@ -9,6 +9,7 @@ export default {
   'GlCollapsibleListbox.srOnlyResultsLabel': null,
   'GlDatepicker.monthLabel': 'Month',
   'GlDatepicker.yearLabel': 'Year',
+  'GlFormGroup.optionalText': '(optional)',
   'GlKeysetPagination.navigationLabel': 'Pagination',
   'GlKeysetPagination.nextText': 'Next',
   'GlKeysetPagination.prevText': 'Previous',