diff --git a/ui/core/app/routes/orgs/org/projects/index.js b/ui/core/app/routes/orgs/org/projects/index.js
index 717ffbac5..be2068f6d 100644
--- a/ui/core/app/routes/orgs/org/projects/index.js
+++ b/ui/core/app/routes/orgs/org/projects/index.js
@@ -1,9 +1,3 @@
 import Route from '@ember/routing/route';
-import { action } from '@ember/object';
 
-export default class OrgsOrgProjectsIndexRoute extends Route {
-  @action
-  new() {
-    this.transitionTo('orgs.org.projects.new');
-  }
-}
+export default class OrgsOrgProjectsIndexRoute extends Route {}
diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index 4b6c7f9a3..d7fe5dd9a 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -17,22 +17,6 @@
   }
 }
 
-.project-new-link {
-  cursor: pointer;
-  text-decoration: none;
-  padding: 10px;
-  color: #ffffff;
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
-  background: #1563ff;
-  border: 1px solid #082766;
-  box-sizing: border-box;
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  border-radius: 2px;
-  position: relative;
-  float: right;
-  top: -50px;
-}
-
 .project-overview,
 .project-new {
   margin: 0 10px;
diff --git a/ui/core/app/templates/orgs/org/projects/index.hbs b/ui/core/app/templates/orgs/org/projects/index.hbs
index 312844b0d..c2fb6fa59 100644
--- a/ui/core/app/templates/orgs/org/projects/index.hbs
+++ b/ui/core/app/templates/orgs/org/projects/index.hbs
@@ -1,13 +1,11 @@
 <div class="projects-overview">
+
   <h2>{{t "resources.projects"}}</h2>
-  <Rose::Button
-    class="project-new-link"
-    @style="primary"
-    @iconLeft="plus-plain"
-    {{on "click" (route-action "new")}}
-  >
-    {{t 'titles.new'}}
-  </Rose::Button>
+
+  <LinkTo @route="orgs.org.projects.new">
+    <Rose::Icon @name="plus-circle-outline" @size="medium" />
+    {{t "titles.new"}}
+  </LinkTo>
 
   <ul class="projects">
     {{#each @model as |project|}}