diff --git a/src/backend/views/components/header.twig b/src/backend/views/components/header.twig
index 90dc96d..19af714 100644
--- a/src/backend/views/components/header.twig
+++ b/src/backend/views/components/header.twig
@@ -5,9 +5,8 @@
   <ul class="docs-header__menu">
     {% if isAuthorized == true %}
       <li class="docs-header__menu-add">
-          <a class="docs-header__button" href="/page/new">
-            {{ svg('plus') }}
-            Add Page
+          <a href="/page/new">
+             {% include 'components/button.twig' with {label: 'Add page', icon: 'plus'} %}
           </a>
       </li>
     {% endif %}
diff --git a/src/frontend/svg/plus.svg b/src/frontend/svg/plus.svg
index ecace8c..5681170 100644
--- a/src/frontend/svg/plus.svg
+++ b/src/frontend/svg/plus.svg
@@ -1,3 +1,3 @@
-<svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.44 4.64h3.7a.9.9 0 1 1 0 1.8h-3.7v3.7a.9.9 0 1 1-1.8 0v-3.7H.9a.9.9 0 0 1 0-1.8h3.74V.9a.9.9 0 0 1 1.8 0v3.74z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" />
+</svg>
\ No newline at end of file