diff --git a/app/javascript/src/styles/common/utilities.scss b/app/javascript/src/styles/common/utilities.scss
index eb3caba8a..2ffaa408d 100644
--- a/app/javascript/src/styles/common/utilities.scss
+++ b/app/javascript/src/styles/common/utilities.scss
@@ -10,6 +10,7 @@ $spacer: 0.25rem; /* 4px */
 
 .font-arial { font-family: var(--arial-font); }
 .font-monospace { font: var(--monospace-font); }
+.font-header { font-family: var(--header-font); }
 .font-bold { font-weight: bold; }
 
 .cursor-pointer { cursor: pointer; }
@@ -46,7 +47,9 @@ $spacer: 0.25rem; /* 4px */
 
 .pointer-events-none { pointer-events: none; }
 .select-none { user-select: none; }
-.leading-none { line-height: 1; }
+
+.leading-none   { line-height: 1; }
+.leading-normal { line-height: 1.5; }
 
 .absolute { position: absolute; }
 .relative { position: relative; }
diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb
index 32377de7f..d09cc2193 100644
--- a/app/views/layouts/default.html.erb
+++ b/app/views/layouts/default.html.erb
@@ -61,7 +61,7 @@
   <%= render "news_updates/listing" %>
 
   <header id="top" class="mb-4">
-    <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "heading" %>
+    <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "font-bold font-header leading-normal" %>
 
     <div id="maintoggle" class="mobile-only">
       <a href="#"><%= menu_icon(id: "maintoggle-on") %></a>