diff --git a/astro.config.mjs b/astro.config.mjs
index e67e96454..b9c871620 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,6 +9,9 @@ import { serializeSitemap, shouldIndexPage } from './sitemap.mjs';
 export default defineConfig({
   site: 'https://roadmap.sh',
   markdown: {
+    shikiConfig: {
+      theme: 'dracula'
+    },
     rehypePlugins: [
       [
         rehypeExternalLinks,
diff --git a/src/styles/global.css b/src/styles/global.css
index 294135d39..f0b1f8a30 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -8,9 +8,10 @@
   }
 }
 
-.prose ul li code {
-  background: #1e1e3f;
-  color: #9efeff;
+.prose ul li code, p code {
+  background: #1e1e3f !important;
+  color: #9efeff !important;
+  font-size: 14px;
 }
 
 .bg-stripes {