diff --git a/sites/shared/components/wrappers/mdx.mjs b/sites/shared/components/wrappers/mdx.mjs
index fd6436cc500..addc534c713 100644
--- a/sites/shared/components/wrappers/mdx.mjs
+++ b/sites/shared/components/wrappers/mdx.mjs
@@ -80,7 +80,7 @@ export const MdxWrapper = ({
   async = false,
   slug = [],
 }) => (
-  <div className="text-primary mdx max-w-prose text-base-content max-w-prose text-base">
+  <div className="text-base-content mdx max-w-prose text-base-content max-w-prose text-base">
     {async ? (
       <PlainMdxWrapperAsync {...{ mdx, components, site, slug }} />
     ) : (