diff --git a/src/layouts/page.njk b/src/layouts/page.njk
index ff2b400..514f788 100644
--- a/src/layouts/page.njk
+++ b/src/layouts/page.njk
@@ -2,6 +2,6 @@
 layout: base.njk
 ---
 
-<section class="prose prose-slate mx-auto pt-28 px-safe-offset-4 md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl sm:pt-52 md:px-safe-offset-6">
+<section class="prose prose-slate mx-auto pt-28 px-safe-offset-4 md:prose-lg lg:prose-xl xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl sm:pt-52 md:px-safe-offset-6">
   {{ content | safe }}
 </section>
diff --git a/src/layouts/postlist.njk b/src/layouts/postlist.njk
index 5a2b3dc..c93b320 100644
--- a/src/layouts/postlist.njk
+++ b/src/layouts/postlist.njk
@@ -2,7 +2,7 @@
 layout: base.njk
 ---
 
-<section class="prose prose-slate mx-auto pt-28 px-safe-offset-4 md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl sm:pt-52 md:px-safe-offset-6">
+<section class="prose prose-slate mx-auto pt-28 px-safe-offset-4 md:prose-lg lg:prose-xl xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl sm:pt-52 md:px-safe-offset-6">
   <h1>{{ title }}</h1>
 
   <p>Everything I have written, from newest to oldest.</p>
diff --git a/src/posts.njk b/src/posts.njk
index a217998..3e021b1 100644
--- a/src/posts.njk
+++ b/src/posts.njk
@@ -12,7 +12,7 @@ pagination:
 ---
 
 {% for post in blogposts %}
-  <article class="prose prose-slate mx-auto px-safe-offset-4 md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl md:px-safe-offset-6">
+  <article class="prose prose-slate mx-auto px-safe-offset-4 md:prose-lg lg:prose-xl xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl md:px-safe-offset-6">
     <h1>{{ post.data.title }}</h1>
     <div class="not-prose">
       {%- from 'postmeta.macro.njk' import postmeta %}
@@ -25,8 +25,8 @@ pagination:
 
     <p>{{ post.data.description }}</p>
 
-    <a href="{{ post.url }}" class="not-prose button inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 text-lg font-bold text-white no-underline transition-colors duration-300 hover:bg-sky-700">
-      Read on {% lucide "chevron-right", {"size":"20"} %}
+    <a href="{{ post.url }}" class="button inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 font-bold text-white no-underline transition-colors duration-300 *:stroke-[2.5] hover:bg-sky-700 xl:rounded-2xl xl:px-6 xl:py-3">
+      Read on {% lucide "chevron-right", { "class": "size-6 md:size-7 xl:size-8" } %}
     </a>
   </article>
 {% endfor %}