diff --git a/docs/src/components/mdx.tsx b/docs/src/components/mdx.tsx
index 05b5f5c..fe997e5 100644
--- a/docs/src/components/mdx.tsx
+++ b/docs/src/components/mdx.tsx
@@ -85,7 +85,7 @@ function MdxCode({ className, ...props }: React.ComponentProps<"code">) {
 function MdxPre({ className, ...props }: React.ComponentProps<"pre">) {
   return (
     <pre
-      className={`overflow-x-auto rounded-xl border border-slate-200 bg-slate-950 p-4 font-mono text-sm leading-6 text-slate-100 dark:border-slate-800 dark:bg-black/40 [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-inherit ${className ?? ""}`}
+      className={`overflow-x-auto rounded-xl border border-slate-200 bg-slate-50 p-4 font-mono text-sm leading-6 text-slate-900 shadow-sm dark:border-slate-800 dark:bg-black/40 dark:text-slate-100 dark:shadow-none [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-inherit ${className ?? ""}`}
       {...props}
     />
   )