diff --git a/docs/src/styles/docs.css b/docs/src/styles/docs.css
index 9f70e06..668bc8b 100644
--- a/docs/src/styles/docs.css
+++ b/docs/src/styles/docs.css
@@ -244,7 +244,7 @@
   margin: 24px 0;
 }
 
-.docs-layout .doc-section pre:not(.astro-code) code {
+.docs-layout .doc-section pre:not(.astro-code) > code {
   background: transparent;
   padding: 0;
   border-radius: 0;
@@ -259,7 +259,14 @@
   margin: 24px 0;
 }
 
-.docs-layout .doc-section code {
+.docs-layout .doc-section pre.astro-code > code {
+  background: transparent;
+  padding: 0;
+  border-radius: 0;
+  color: inherit;
+}
+
+.docs-layout .doc-section :not(pre) > code {
   background: var(--code-bg);
   color: var(--code-text);
   border-radius: 4px;