diff --git a/app/views/admin/groups/index.html.haml b/app/views/admin/groups/index.html.haml
index 2ea5890be2c6debcbdc96e56a88c6ad12eb4d7c6..557f6ebd032e10807172efed96f313503e427947 100644
--- a/app/views/admin/groups/index.html.haml
+++ b/app/views/admin/groups/index.html.haml
@@ -9,7 +9,7 @@
           = search_field_tag :name, params[:name].presence, class: "form-control search-text-input js-search-input", autofocus: true, spellcheck: false, placeholder: 'Search by name', data: { qa_selector: 'group_search_field' }
           = sprite_icon('search', css_class: 'search-icon')
         = render "shared/groups/dropdown", options_hash: admin_groups_sort_options_hash
-        = link_to new_admin_group_path, class: "gl-button btn btn-confirm" do
+        = render Pajamas::ButtonComponent.new(variant: :confirm, href: new_admin_group_path) do
           = _('New group')
 %ul.content-list
   = render @groups