diff --git a/ee/app/views/users/available_project_templates.html.haml b/ee/app/views/users/available_project_templates.html.haml
index 06f376742fca3722acbf3d49264405afb0ec119d..1ec570d0a6dca2861cbfd055afdfaf2e37a03c8f 100644
--- a/ee/app/views/users/available_project_templates.html.haml
+++ b/ee/app/views/users/available_project_templates.html.haml
@@ -18,9 +18,13 @@
               = _('Use template')
     = paginate @custom_project_templates, params: { controller: 'users', action: 'available_project_templates', username: current_user.username }, theme: 'gitlab', remote: true
   - else
-    .bs-callout.bs-callout-warning
-      %p
-        = _("There are no custom project templates set up for this GitLab instance. They are enabled from GitLab's Admin Area. Contact your GitLab instance administrator to setup custom project templates.")
-
-      = render Pajamas::ButtonComponent.new(href: help_page_path("administration/custom_project_templates")) do
-        = _("Learn more about custom project templates")
+    = render Pajamas::AlertComponent.new(variant: :warning,
+      dismissible: false,
+      show_icon: false,
+      alert_options: { class: 'gl-mt-5' }) do |c|
+      - c.with_body do
+        %p
+          = _("There are no custom project templates set up for this GitLab instance. They are enabled from GitLab's Admin Area. Contact your GitLab instance administrator to setup custom project templates.")
+      - c.with_actions do
+        = render Pajamas::ButtonComponent.new(href: help_page_path("administration/custom_project_templates")) do
+          = _("Learn more about custom project templates")