diff --git a/app/views/groups/settings/_lfs.html.haml b/app/views/groups/settings/_lfs.html.haml
index b16c9faafa4610e25b30d18dd309d91f4d8c4ddb..1255a2901eae228a603cee40ea1ad7b142e083b2 100644
--- a/app/views/groups/settings/_lfs.html.haml
+++ b/app/views/groups/settings/_lfs.html.haml
@@ -6,8 +6,7 @@
 %p= s_('Check the %{docs_link_start}documentation%{docs_link_end}.').html_safe % { docs_link_start: docs_link_start, docs_link_end: '</a>'.html_safe }
 
 .form-group.gl-mb-3
-  .gl-form-checkbox.custom-control.custom-checkbox
-    = f.check_box :lfs_enabled, checked: @group.lfs_enabled?, class: 'custom-control-input', data: { qa_selector: 'lfs_checkbox' }
-    = f.label :lfs_enabled, class: 'custom-control-label' do
-      = _('Allow projects within this group to use Git LFS')
-      %p.help-text= _('This setting can be overridden in each project.')
+  = f.gitlab_ui_checkbox_component :lfs_enabled,
+      _('Allow projects within this group to use Git LFS'),
+      help_text: _('This setting can be overridden in each project.'),
+      checkbox_options: { checked: @group.lfs_enabled?, data: { qa_selector: 'lfs_checkbox' } }