diff --git a/lib/chiya_web/controllers/page_html/about.html.heex b/lib/chiya_web/controllers/page_html/about.html.heex
index 138f035..41542ad 100644
--- a/lib/chiya_web/controllers/page_html/about.html.heex
+++ b/lib/chiya_web/controllers/page_html/about.html.heex
@@ -1,24 +1,26 @@
-<article class="h-card hcard">
-  <section class="p-10 bg-theme-background1 flex gap-3 items-start">
-    <div>
-      <img
-        class="rounded-lg w-28 | u-photo"
-        src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
-      />
-    </div>
-    <div>
-      <h1 class="text-3xl font-extrabold leading-10 tracking-tight text-theme-primary | p-name">
-        <%= @user.name %>
-      </h1>
-      <section class="mx-auto mt-8 prose prose-gruvbox | p-note">
-        <%= Markdown.render(@user.bio) |> raw() %>
-      </section>
-    </div>
-  </section>
-
-  <%= if @note do %>
-    <section class="mx-auto mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl | p-summary e-content">
-      <%= Markdown.render(@note.content) |> raw %>
+<section class="max-w-2xl mx-auto">
+  <article class="h-card hcard">
+    <section class="p-10 bg-theme-background1 flex gap-3 items-start">
+      <div>
+        <img
+          class="rounded-lg w-28 | u-photo"
+          src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
+        />
+      </div>
+      <div>
+        <h1 class="text-3xl font-extrabold leading-10 tracking-tight text-theme-primary | p-name">
+          <%= @user.name %>
+        </h1>
+        <section class="mx-auto mt-8 prose prose-gruvbox | p-note">
+          <%= Markdown.render(@user.bio) |> raw() %>
+        </section>
+      </div>
     </section>
-  <% end %>
-</article>
+
+    <%= if @note do %>
+      <section class="mx-auto mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl | p-summary e-content">
+        <%= Markdown.render(@note.content) |> raw %>
+      </section>
+    <% end %>
+  </article>
+</section>