diff --git a/assets/main.css b/assets/main.css
index d812fd2..a69f6b0 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -187,7 +187,3 @@ html {
     padding-top: 0.5rem;
 }
 
-
-.prose {
-    @apply prose-code:before:hidden prose-code:after:hidden prose-code:bg-secondary-100 prose-code:p-0.5 prose-code:rounded-lg;
-}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index d3dafaf..6b5d4fa 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -50,6 +50,15 @@ module.exports = {
                     400: 'var(--success-400)',
                 },
             },
+            typography: {
+                DEFAULT: {
+                    css: {
+                        "code::before": { content: '""' },
+                        "code::after": { content: '""' },
+                        "code": { backgroundColor: 'var(--secondary-100)', color: 'var(--gray-800)', padding: '0.25rem 0.5rem', borderRadius: '0.25rem'  },
+                    },
+                },
+            },
         },
     },
     plugins: [require('@tailwindcss/typography'), require('flowbite/plugin'), require('autoprefixer')],