diff --git a/astro.config.mjs b/astro.config.mjs
index a18ba679..96784e29 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -39,7 +39,12 @@ export default defineConfig({
         '@resvg/resvg-js',
       ],
     },
-  }
+  },
+  markdown: {
+    shikiConfig: {
+      wrap: true,
+    },
+  },
 })
 
 // vite plugin to import fonts
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 80f84018..b913429d 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -21,14 +21,10 @@ module.exports = {
             '--tw-prose-headings': theme('textColor.style.primary'),
             '--tw-prose-bold': theme('textColor.style.primary'),
             '--tw-prose-quotes': theme('textColor.style.primary'),
-            '--tw-prose-code': theme('textColor.style.primary-inverted'),
-            '--tw-prose-pre-bg': theme('textColor.style.primary'),
+            '--tw-prose-pre-bg': '#0d1117',
             code: {
               backgroundColor: theme('backgroundColor.style.primary'),
-              paddingTop: '2px',
-              paddingBottom: '5px',
-              paddingLeft: '5px',
-              paddingRight: '5px',
+              padding: '5px',
               borderRadius: '3px',
             },
             'code::before': {