diff --git a/app/components/sdg_management/goals/index_component.html.erb b/app/components/sdg_management/goals/index_component.html.erb
index 2564b8dec..03d21e27d 100644
--- a/app/components/sdg_management/goals/index_component.html.erb
+++ b/app/components/sdg_management/goals/index_component.html.erb
@@ -1,8 +1,4 @@
-<% provide(:title) do %>
-  <%= t("sdg_management.header.title") %> - <%= title %>
-<% end %>
-
-<h2><%= title %></h2>
+<%= header %>
 
 <table>
   <thead>
diff --git a/app/components/sdg_management/goals/index_component.rb b/app/components/sdg_management/goals/index_component.rb
index 9c7517861..7413be712 100644
--- a/app/components/sdg_management/goals/index_component.rb
+++ b/app/components/sdg_management/goals/index_component.rb
@@ -1,4 +1,6 @@
 class SDGManagement::Goals::IndexComponent < ApplicationComponent
+  include SDGManagement::Header
+
   attr_reader :goals
 
   def initialize(goals)
diff --git a/app/components/sdg_management/header.rb b/app/components/sdg_management/header.rb
new file mode 100644
index 000000000..0a9370031
--- /dev/null
+++ b/app/components/sdg_management/header.rb
@@ -0,0 +1,11 @@
+module SDGManagement::Header
+  extend ActiveSupport::Concern
+
+  def header
+    provide(:title) do
+      "#{t("sdg_management.header.title")} - #{title}"
+    end
+
+    tag.h2 title
+  end
+end