diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 5eb141e..0b64d6f 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -8,10 +8,9 @@
 }
 
 /* Code blocks: always dark regardless of color mode.
-   Background is overridden by ProsePre wrapper (#0d1117),
-   only token colors come from Shiki dark variables. */
-.shiki,
-.shiki span {
+   ProsePre wrapper owns the background (#0d1117).
+   Target pre span directly — .shiki class is absent when ProsePre overrides <pre>. */
+.shiki, pre span {
   color: var(--shiki-dark) !important;
   background-color: transparent !important;
   font-style: var(--shiki-dark-font-style) !important;
diff --git a/app/components/content/ProsePre.vue b/app/components/content/ProsePre.vue
index 38de87e..3e6cbbc 100644
--- a/app/components/content/ProsePre.vue
+++ b/app/components/content/ProsePre.vue
@@ -31,7 +31,7 @@ const props = withDefaults(defineProps<Props>(), {
 
     <!-- Code content -->
     <div class="overflow-x-auto">
-      <pre class="m-0 bg-transparent p-4 text-sm leading-relaxed"><slot /></pre>
+      <pre class="shiki m-0 bg-transparent p-4 text-sm leading-relaxed"><slot /></pre>
     </div>
   </div>
 </template>