diff --git a/lib/chiya_web/controllers/page_html/note.html.heex b/lib/chiya_web/controllers/page_html/note.html.heex
index f7f7a87..e658e98 100644
--- a/lib/chiya_web/controllers/page_html/note.html.heex
+++ b/lib/chiya_web/controllers/page_html/note.html.heex
@@ -1,9 +1,7 @@
 <article class="h-entry hentry">
-  <header>
-    <h1 class="mt-16 lg:text-5xl md:text-4xl text-3xl font-bold text-theme-base | p-name">
-      <%= @note.name %>
-    </h1>
-  </header>
+  <.header titleclass="p-name">
+    <:title><%= @note.name %></:title>
+  </.header>
 
   <section class="mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl  | p-summary e-content">
     <%= Markdown.render(@note.content) |> raw %>