diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx
index e83f39e..a2b1aa6 100644
--- a/app/blog/[slug]/page.tsx
+++ b/app/blog/[slug]/page.tsx
@@ -80,7 +80,7 @@ export default function BlogPostPage({ params }: Props) {
               </div>
             )}
           </header>
-          <article className="prose prose-slate max-w-none dark:prose-dark">
+          <article className="prose prose-lg prose-slate max-w-none dark:prose-dark">
             {post.feature_image && (
               // feature_image is stored as "../assets/xyz", serve from "/assets/xyz"
               // eslint-disable-next-line @next/next/no-img-element
diff --git a/app/pages/[slug]/page.tsx b/app/pages/[slug]/page.tsx
index b5ace03..c97745b 100644
--- a/app/pages/[slug]/page.tsx
+++ b/app/pages/[slug]/page.tsx
@@ -80,7 +80,7 @@ export default function StaticPage({ params }: Props) {
               </div>
             )}
           </header>
-          <article className="prose prose-slate max-w-none dark:prose-dark">
+          <article className="prose prose-lg prose-slate max-w-none dark:prose-dark">
             {page.feature_image && (
               // feature_image is stored as "../assets/xyz", serve from "/assets/xyz"
               // eslint-disable-next-line @next/next/no-img-element
diff --git a/components/layout-shell.tsx b/components/layout-shell.tsx
index b1d03c4..759261b 100644
--- a/components/layout-shell.tsx
+++ b/components/layout-shell.tsx
@@ -7,8 +7,8 @@ export function LayoutShell({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex min-h-screen flex-col">
       <SiteHeader />
-      <main className="container mx-auto flex-1 px-4 py-6">
-        <div className="grid gap-8 lg:grid-cols-[minmax(0,3fr)_minmax(0,1.4fr)]">
+      <main className="flex-1 px-4 py-6">
+        <div className="mx-auto grid max-w-5xl gap-6 lg:grid-cols-[minmax(0,2.6fr)_minmax(0,1.4fr)]">
           <div>{children}</div>
           <RightSidebar />
         </div>
@@ -18,4 +18,3 @@ export function LayoutShell({ children }: { children: React.ReactNode }) {
     </div>
   );
 }
-
diff --git a/styles/globals.css b/styles/globals.css
index 99c9797..2ccc6b2 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -3,6 +3,5 @@
 @tailwind utilities;
 
 body {
-  @apply bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100;
+  @apply bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100 text-[15px] sm:text-base;
 }
-