diff --git a/app/views/admin/application_settings/_grafana.html.haml b/app/views/admin/application_settings/_grafana.html.haml
index 70c1e3ce3c1525c3fd19a60d830c47a9fedaf6ce..7f305b9ad9cc5ab3d1d9cf91eb2091dedae503ba 100644
--- a/app/views/admin/application_settings/_grafana.html.haml
+++ b/app/views/admin/application_settings/_grafana.html.haml
@@ -1,14 +1,11 @@
-= form_for @application_setting, url: metrics_and_profiling_admin_application_settings_path(anchor: 'js-grafana-settings'), html: { class: 'fieldset-form' } do |f|
+= gitlab_ui_form_for @application_setting, url: metrics_and_profiling_admin_application_settings_path(anchor: 'js-grafana-settings'), html: { class: 'fieldset-form' } do |f|
   = form_errors(@application_setting)
 
   %fieldset
     .form-group
-      .form-check
-        = f.check_box :grafana_enabled, class: 'form-check-input'
-        = f.label :grafana_enabled, class: 'form-check-label' do
-          = _("Add a link to Grafana")
-        .form-text.text-muted
-          = _("A Metrics Dashboard menu item appears in the Monitoring section of the Admin Area.")
+      = f.gitlab_ui_checkbox_component :grafana_enabled,
+      s_('ApplicationSettings|Add a link to Grafana'),
+      help_text: s_('ApplicationSettings|A Metrics Dashboard menu item appears in the Monitoring section of the Admin Area.')
     .form-group
       = f.label :grafana_url, _('Grafana URL'), class: 'label-bold'
       = f.text_field :grafana_url, class: 'form-control gl-form-input', placeholder: '/-/grafana'
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 01af55df8a3bbe31431833c2338e38df9031640b..d2ddc9ecc2ac8e5b6bd00ee24ed5800609b50706 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -1557,9 +1557,6 @@ msgstr ""
 msgid "A Let's Encrypt SSL certificate can not be obtained until your domain is verified."
 msgstr ""
 
-msgid "A Metrics Dashboard menu item appears in the Monitoring section of the Admin Area."
-msgstr ""
-
 msgid "A basic page and serverless function that uses AWS Lambda, AWS API Gateway, and GitLab Pages"
 msgstr ""
 
@@ -2127,9 +2124,6 @@ msgstr ""
 msgid "Add a link"
 msgstr ""
 
-msgid "Add a link to Grafana"
-msgstr ""
-
 msgid "Add a new issue"
 msgstr ""
 
@@ -4340,6 +4334,12 @@ msgstr ""
 msgid "Application: %{name}"
 msgstr ""
 
+msgid "ApplicationSettings|A Metrics Dashboard menu item appears in the Monitoring section of the Admin Area."
+msgstr ""
+
+msgid "ApplicationSettings|Add a link to Grafana"
+msgstr ""
+
 msgid "ApplicationSettings|After sign up text"
 msgstr ""