diff --git a/packages/ui/app/src/mdx/MdxContent.tsx b/packages/ui/app/src/mdx/MdxContent.tsx
index c986182d5d..350e892954 100644
--- a/packages/ui/app/src/mdx/MdxContent.tsx
+++ b/packages/ui/app/src/mdx/MdxContent.tsx
@@ -25,7 +25,12 @@ export const MdxContent = React.memo<MdxContent.Props>(function MdxContent({ mdx
 
     return (
         <FernErrorBoundary component="MdxContent">
-            <MDXRemote {...mdx} components={COMPONENTS}></MDXRemote>
+            <MDXRemote
+                scope={mdx.scope}
+                frontmatter={mdx.frontmatter}
+                compiledSource={mdx.compiledSource}
+                components={COMPONENTS}
+            />
         </FernErrorBoundary>
     );
 });