diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 920676c..fd367ff 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -58,13 +58,12 @@ const captionText =
 <style scoped>
 .container {
   width: 80%;
-  max-width: 72ch;
+  max-width: 80ch;
   padding-top: 2rem;
 }
 
 @media screen and (max-width: 600px) {
   .container {
-    max-width: 80ch;
     width: 90%;
   }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 1310ee9..c1cc1b4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,10 +3,12 @@ export default {
   darkMode: "class",
   theme: {
     extend: {
-      typography: (theme) => ({
+      typography: ({ theme }) => ({
         DEFAULT: {
           css: [
             {
+              '--tw-prose-body': theme('colors.gray[900]'),
+              '--tw-prose-invert-body': theme('colors.gray[100]'),
               hr: {
                 marginTop: "1.5em",
                 marginBottom: "1.5em",