diff --git a/app/views/activities/index.html.erb b/app/views/activities/index.html.erb
index b252f30e50be..8d3ce813dcdd 100644
--- a/app/views/activities/index.html.erb
+++ b/app/views/activities/index.html.erb
@@ -29,8 +29,16 @@ See COPYRIGHT and LICENSE files for more details.
 
 <%= call_hook :activity_index_head %>
 
-<%= toolbar title: (@author.nil? ? t(:label_activity) : t(:label_user_activity, value: link_to_user(@author))).html_safe,
-            subtitle: t(:label_date_from_to, start: format_date(@date_to - @days), end: format_date(@date_to-1))
+<%=
+  render Primer::OpenProject::PageHeader.new do |header|
+    header.with_title { (@author.nil? ? t(:label_activity) : t(:label_user_activity, value: link_to_user(@author))) }
+    header.with_breadcrumbs([t(:label_activity)])
+  end
+%>
+<%=
+  render(Primer::OpenProject::SubHeader.new) do |subheader|
+    subheader.with_text {t(:label_date_from_to, start: format_date(@date_to - @days), end: format_date(@date_to-1))}
+  end
 %>
 
 <%= render(Activities::DaysComponent.new(events: @events, current_project: @project, activity_page: @activity_page))  %>