1 files changed, 9 insertions, 9 deletions
diff --git a/app/views/admin/application_settings/_runner_registrars_form.html.haml b/app/views/admin/application_settings/_runner_registrars_form.html.haml
index 08b3d173d20..1d6051a06ea 100644
--- a/app/views/admin/application_settings/_runner_registrars_form.html.haml
+++ b/app/views/admin/application_settings/_runner_registrars_form.html.haml
@@ -1,16 +1,16 @@
-= form_for @application_setting, url: ci_cd_admin_application_settings_path(anchor: 'js-runner-settings'), html: { class: 'fieldset-form' } do |f|
+= gitlab_ui_form_for @application_setting, url: ci_cd_admin_application_settings_path(anchor: 'js-runner-settings'), html: { class: 'fieldset-form' } do |f|
   = form_errors(@application_setting)
 
   %fieldset
-    .form-group
-      = hidden_field_tag "application_setting[valid_runner_registrars][]", nil
-      - ApplicationSetting::VALID_RUNNER_REGISTRAR_TYPES.each do |type|
-        .form-check
-          = f.check_box(:valid_runner_registrars, { multiple: true, checked: valid_runner_registrars.include?(type), class: 'form-check-input' }, type, nil)
-          = f.label :valid_runner_registrars, class: 'form-check-label' do
-            = s_("Runners|Members of the %{type} can register runners") % { type: type }
-      %span.form-text.gl-text-gray-600
+    .gl-form-group
+      %span.form-text.gl-mb-3.gl-mt-0
         = _('If no options are selected, only administrators can register runners.')
         = link_to _('Learn more.'), help_page_path('user/admin_area/settings/continuous_integration', anchor: 'prevent-users-from-registering-runners'), target: '_blank', rel: 'noopener noreferrer'
+      = hidden_field_tag "application_setting[valid_runner_registrars][]", nil
+      - ApplicationSetting::VALID_RUNNER_REGISTRAR_TYPES.each do |type|
+        = f.gitlab_ui_checkbox_component :valid_runner_registrars, s_("Runners|Members of the %{type} can register runners") % { type: type },
+          checkbox_options: { multiple: true, checked: valid_runner_registrars.include?(type) },
+          checked_value: type,
+          unchecked_value: nil
 
   = f.submit _('Save changes'), class: "gl-button btn btn-confirm"