diff --git a/crates/templates/src/res/components/button.html b/crates/templates/src/res/components/button.html
index c7c9d223..45a93197 100644
--- a/crates/templates/src/res/components/button.html
+++ b/crates/templates/src/res/components/button.html
@@ -26,7 +26,7 @@ limitations under the License.
   {{ self::common_class() }} border-accent bg-accent text-white hover:opacity-75
 {%- endmacro %}
 
-{% macro ghost_class() -%}
+{% macro outline_class() -%}
   {{ self::common_class() }} border-accent hover:bg-accent/10 text-accent
 {%- endmacro %}
 
@@ -42,8 +42,8 @@ limitations under the License.
   <a class="{{ self::text_class() }} {{ class }}" href="{{ href }}">{{ text }}</a>
 {% endmacro %}
 
-{% macro link_ghost(text, href="#", class="") %}
-  <a class="{{ self::ghost_class() }} {{ class }}" href="{{ href }}">{{ text }}</a>
+{% macro link_outline(text, href="#", class="") %}
+  <a class="{{ self::outline_class() }} {{ class }}" href="{{ href }}">{{ text }}</a>
 {% endmacro %}
 
 {% macro button(text, name="", type="submit", class="", value="") %}
@@ -54,6 +54,6 @@ limitations under the License.
   <button name="{{ name }}" value="{{ value }}" type="{{ type }}" class="{{ self::text_class() }} {{ class }}">{{ text }}</button>
 {% endmacro %}
 
-{% macro button_ghost(text, name="", type="submit", class="", value="") %}
-  <button name="{{ name }}" value="{{ value }}" type="{{ type }}" class="{{ self::ghost_class() }} {{ class }}">{{ text }}</button>
+{% macro button_outline(text, name="", type="submit", class="", value="") %}
+  <button name="{{ name }}" value="{{ value }}" type="{{ type }}" class="{{ self::outline_class() }} {{ class }}">{{ text }}</button>
 {% endmacro %}
diff --git a/crates/templates/src/res/components/navbar.html b/crates/templates/src/res/components/navbar.html
index def40c17..c3591200 100644
--- a/crates/templates/src/res/components/navbar.html
+++ b/crates/templates/src/res/components/navbar.html
@@ -28,11 +28,11 @@ limitations under the License.
 
         <form method="POST" action="/logout">
           <input type="hidden" name="csrf" value="{{ csrf_token }}" />
-          {{ button::button_ghost(text="Sign out", name="logout", type="submit") }}
+          {{ button::button_outline(text="Sign out", name="logout", type="submit") }}
         </form>
       {% else %}
         {{ button::link(text="Sign in", href="/login") }}
-        {{ button::link_ghost(text="Create an account", href="/register") }}
+        {{ button::link_outline(text="Create an account", href="/register") }}
       {% endif %}
     </div>
   </nav>
diff --git a/crates/templates/src/res/pages/account/index.html b/crates/templates/src/res/pages/account/index.html
index 7665bdf9..10ebf4be 100644
--- a/crates/templates/src/res/pages/account/index.html
+++ b/crates/templates/src/res/pages/account/index.html
@@ -31,7 +31,7 @@ limitations under the License.
         <div class="font-bold">Primary email</div>
         <div>{{ current_session.user.primary_email.email }}</div>
       {% endif %}
-      {{ button::link_ghost(text="Change password", href="/account/password", class="col-span-2 place-self-end") }}
+      {{ button::link_outline(text="Change password", href="/account/password", class="col-span-2 place-self-end") }}
     </div>
     <div class="rounded border-2 border-grey-50 dark:border-grey-450 p-4 grid gap-4 xl:grid-cols-2 grid-cols-1 place-content-start">
       <h2 class="text-xl font-bold xl:col-span-2">Current session</h2>
@@ -45,7 +45,7 @@ limitations under the License.
           Never
         {% endif %}
       </div>
-      {{ button::link_ghost(text="Revalidate", href="/reauth", class="col-span-2 place-self-end") }}
+      {{ button::link_outline(text="Revalidate", href="/reauth", class="col-span-2 place-self-end") }}
     </div>
     <div class="rounded border-2 border-grey-50 dark:border-grey-450 p-4 grid gap-4 xl:grid-cols-2 grid-cols-1 place-content-start">
       <h2 class="text-xl font-bold xl:col-span-2">Emails</h2>
@@ -53,7 +53,7 @@ limitations under the License.
         <div class="font-bold">{{ email.email }}</div>
         <div>{% if email.confirmed_at %}Confirmed{% else %}Unconfirmed{% endif %}</div>
       {% endfor %}
-      {{ button::link_ghost(text="Manage", href="/account/emails", class="col-span-2 place-self-end") }}
+      {{ button::link_outline(text="Manage", href="/account/emails", class="col-span-2 place-self-end") }}
     </div>
   </section>
 {% endblock content %}