diff --git a/src/components/Code.jsx b/src/components/Code.jsx
index 8ad39713..d03e2b8c 100644
--- a/src/components/Code.jsx
+++ b/src/components/Code.jsx
@@ -127,7 +127,7 @@ function CodePanel({ tag, label, code, children }) {
         label={child.props.label ?? label}
       />
       <div className="relative">
-        <pre className="overflow-x-auto p-4 text-xs text-white">{children}</pre>
+        <pre className="overflow-x-auto p-4 text-xs dark:text-white text-black">{children}</pre>
         <CopyButton code={child.props.code ?? code} />
       </div>
     </div>