feat: refine letters UI

app/essays/[slug]/page.tsx

@@ -109,7 +109,7 @@ export default async function EssayPage({
 
   return (
     <div className="min-h-screen bg-background">
-      <PageHeader sticky wide>
+      <PageHeader sticky>
         <Link
           href="/essays"
           className="text-sm text-muted-foreground hover:text-foreground transition-colors"
@@ -121,7 +121,7 @@ export default async function EssayPage({
         </h1>
       </PageHeader>
 
-      <div className="w-full md:max-w-6xl mx-auto flex">
+      <div className="max-w-5xl mx-auto flex">
         {/* Left sidebar */}
         <EssaySidebar items={allEssays} currentSlug={slug} />
 

app/essays/page.tsx

@@ -38,7 +38,7 @@ export default async function EssaysPage() {
         </p>
       </PageHeader>
 
-      <main className="max-w-6xl mx-auto px-6 py-8">
+      <main className="max-w-5xl mx-auto px-6 py-8">
         <EssaysGrid essays={items} />
       </main>
     </div>