diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 59c7240..d70110d 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,12 +1,13 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
-    <article class="typesetting-article w-full break-words flex min-h-[calc(100vh-var(--navbar-height))] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
+  <div class="mx-auto flex max-w-screen-xl">
+    {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
+    {{ partial "toc.html" . }}
+    <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="w-full min-w-0 max-w-6xl px-6 pt-4 md:px-12">
-        <div>
-          <h1>{{ .Title }}</h1>
+        <h1 class="text-center mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
+        <div class="content">
           {{ .Content }}
         </div>
-        <div class="mt-16"></div>
       </main>
     </article>
   </div>
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 51acd5e..ff2dbcc 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -2,7 +2,7 @@
   <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
     {{ partial "toc.html" . }}
-    <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
+    <article class="w-full break-words flex min-h-[calc(100vh-var(--navbar-height))] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="w-full min-w-0 max-w-6xl px-6 pt-4 md:px-12">
         {{ partial "breadcrumb.html" . }}
         <h1 class="mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
diff --git a/layouts/index.html b/layouts/index.html
index f84a676..d70110d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,11 +1,11 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
+  <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
     {{ partial "toc.html" . }}
     <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="w-full min-w-0 max-w-6xl px-6 pt-4 md:px-12">
+        <h1 class="text-center mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
         <div class="content">
-          <h1 class="text-center mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
           {{ .Content }}
         </div>
       </main>
diff --git a/layouts/partials/head-css.html b/layouts/partials/head-css.html
index 2330066..e9c19a5 100644
--- a/layouts/partials/head-css.html
+++ b/layouts/partials/head-css.html
@@ -7,7 +7,8 @@
   {{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
   <link rel="preload" href="{{ $styles.RelPermalink }}" as="style" />
   <link href="{{ $styles.RelPermalink }}" rel="stylesheet" integrity="{{ $styles.Data.integrity }}" />
-
-  {{ $custom := resources.Get "css/custom.css" }}
-  {{ $custom = $custom | minify | fingerprint }}
 {{ end }}
+
+{{ $custom := resources.Get "css/custom.css" }}
+{{ $custom = $custom | minify | fingerprint }}
+<link href="{{ $custom.RelPermalink }}" rel="stylesheet" integrity="{{ $custom.Data.integrity }}" />