diff --git a/ui/core/app/templates/orgs/org/projects/index.hbs b/ui/core/app/templates/orgs/org/projects/index.hbs
index c2fb6fa59..ed4914049 100644
--- a/ui/core/app/templates/orgs/org/projects/index.hbs
+++ b/ui/core/app/templates/orgs/org/projects/index.hbs
@@ -1,11 +1,16 @@
 <div class="projects-overview">
-
-  <h2>{{t "resources.projects"}}</h2>
-
-  <LinkTo @route="orgs.org.projects.new">
-    <Rose::Icon @name="plus-circle-outline" @size="medium" />
-    {{t "titles.new"}}
-  </LinkTo>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "resources.projects"}} />
+    <Rose::PageHeader::Utilities as |utility|>
+      <utility.action
+        @style="primary"
+        @iconLeft="plus-plain"
+        {{on "click" (route-action "new")}}
+      >
+        {{t 'titles.new'}}
+      </utility.action>
+    </Rose::PageHeader::Utilities>
+  </Rose::Layout::PageHeader>
 
   <ul class="projects">
     {{#each @model as |project|}}
diff --git a/ui/core/app/templates/orgs/org/projects/new.hbs b/ui/core/app/templates/orgs/org/projects/new.hbs
index 920983b02..90011f7d0 100644
--- a/ui/core/app/templates/orgs/org/projects/new.hbs
+++ b/ui/core/app/templates/orgs/org/projects/new.hbs
@@ -7,7 +7,9 @@
     <LinkTo @route='orgs.org.projects.new'>{{t "titles.new"}}</LinkTo>
   </div>
 
-  <h2>{{t "titles.new"}}</h2>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "titles.new"}} />
+  </Rose::Layout::PageHeader>
 
   <Form::Project
     @model={{@model}}
diff --git a/ui/core/app/templates/orgs/org/projects/project.hbs b/ui/core/app/templates/orgs/org/projects/project.hbs
index 26770d11b..f76c8bcaa 100644
--- a/ui/core/app/templates/orgs/org/projects/project.hbs
+++ b/ui/core/app/templates/orgs/org/projects/project.hbs
@@ -18,6 +18,10 @@
     </nav.link>
   </Rose::Nav::Tabs>
 
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{@model.name}} />
+  </Rose::Layout::PageHeader>
+
   <Form::Project
     @model={{@model}}
     @submit={{route-action "save" @model}}