diff --git a/src/content/post/2024-02-23-transforming-your-data-to-graphs-2.md b/src/content/post/2024-02-23-transforming-your-data-to-graphs-2.md
index 7d83635..e70b6b1 100644
--- a/src/content/post/2024-02-23-transforming-your-data-to-graphs-2.md
+++ b/src/content/post/2024-02-23-transforming-your-data-to-graphs-2.md
@@ -214,7 +214,7 @@ number of clients instead.
 When viewed visually, these results can be quite powerful. The following image shows result from
 above, as seen in Kùzu Explorer.
 
-![](/img/2024-02-23-transforming-your-data-2/disputed_graph_viz.png)
+![](/img/2024-02-23-transforming-your-data-2/dispute_graph_viz.png)
 
 If we simply look at aggregates based on the company and merchant, we see that the clients Olivia,
 Jennifer and Cynthia from the previous query each reported disputed transactions in _different_
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index e2524dc..c654085 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -61,7 +61,7 @@ const { title, description, pubDate, heroImage, categories, tags } =
           crossorigin="anonymous"
         >
     </head>
-    <div class="prose prose-orange prose-md md:prose-lg min-w-full">
+    <div class="prose prose-orange prose-md md:prose-lg lg:prose-xl min-w-full">
       <slot />
     </div>
     <div class="mt-8">
diff --git a/src/styles/global.css b/src/styles/global.css
index b146fc3..12066a4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -8,7 +8,7 @@
     /* ... */
   }
   .prose code {
-    @apply text-base overflow-auto;
+    @apply overflow-auto;
   }
   h1,
   h2,
@@ -41,6 +41,9 @@
   img {
     @apply rounded-md w-full md:w-full lg:w-3/4;
   }
+  article img {
+    @apply hover:w-full transition-all;
+  }
   th {
     @apply bg-zinc-100 bg-zinc-200 dark:bg-zinc-300;
   }
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index c1e7db3..81dc217 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -8,6 +8,10 @@ module.exports = {
       typography: (theme) => ({
         DEFAULT: {
           css: {
+            p: {
+                'font-size': '1.0em',
+                'line-height': '1.675',
+            },
             a: {
               'text-decoration': 'none',
               'background-repeat': 'no-repeat',
@@ -35,8 +39,8 @@ module.exports = {
               color: 'rgb(var(--color-code-text))',
               padding: '0.1rem 0.1rem',
               'border-radius': '0.25rem',
-              'font-size': '0.875rem',
-              'line-height': '1.5',
+              'font-size': '1.0em',
+              'line-height': '1.2',
               'font-family': "Consolas, Menlo, 'Andale Mono', 'Ubuntu Mono', monospace",
             },
             'ol > li::before': {
@@ -46,7 +50,6 @@ module.exports = {
               'margin-bottom': '0.5rem',
               color: 'rgb(var(--color-text-heading))',
               'font-size': '1.0em',
-              'line-height': '1.75',
             },
             'code::before': {
               content: 'none',