diff --git a/src/layouts/PostSingle.astro b/src/layouts/PostSingle.astro
index 66d66bfaf..1ef057c4b 100755
--- a/src/layouts/PostSingle.astro
+++ b/src/layouts/PostSingle.astro
@@ -74,7 +74,7 @@ const { title, description, author, categories, image, date, tags } = post.data;
             {dateFormat(date)}
           </li>
         </ul>
-        <div class="content mb-10">
+        <div class="content mb-10 prose prose-inline-code:p-[.2em_.4em] prose-inline-code:before:content-none prose-inline-code:after:content-none prose-inline-code:margin-0 prose-inline-code:text-[85%] prose-inline-code:whitespace-break-spaces prose-inline-code:rounded-md prose-inline-code:bg-[rgba(175,184,193,0.2)] prose-inline-code:text-inherit prose-inline-code:font-medium">
           <Content />
         </div>
         <div class="row items-start justify-between">
diff --git a/tailwind.config.js b/tailwind.config.js
index 04004f53a..c711d4382 100755
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,5 @@
 const theme = require("./src/config/theme.json");
+const plugin = require("tailwindcss/plugin");
 
 let font_base = Number(theme.fonts.font_size.base.replace("px", ""));
 let font_scale = Number(theme.fonts.font_size.scale);
@@ -90,5 +91,11 @@ module.exports = {
         5: "3rem",
       },
     }),
+    plugin(function ({ addVariant }) {
+      addVariant(
+        "prose-inline-code",
+        '&.prose :where(:not(pre)>code):not(:where([class~="not-prose"] *))',
+      );
+    }),
   ],
 };