diff --git a/packages/docusaurus-theme-classic/src/theme/MDXComponents/index.tsx b/packages/docusaurus-theme-classic/src/theme/MDXComponents/index.tsx
index ac22afa7e0..2cdcf65db4 100644
--- a/packages/docusaurus-theme-classic/src/theme/MDXComponents/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/MDXComponents/index.tsx
@@ -37,8 +37,22 @@ const MDXComponents: MDXComponentsObject = {
return {unwrappedChildren};
},
code: (props) => {
+ const inlineElements = [
+ 'a',
+ 'b',
+ 'big',
+ 'i',
+ 'span',
+ 'em',
+ 'strong',
+ 'sup',
+ 'sub',
+ 'small',
+ ];
const shouldBeInline = React.Children.toArray(props.children).every(
- (el) => typeof el === 'string' && !el.includes('\n'),
+ (el) =>
+ (typeof el === 'string' && !el.includes('\n')) ||
+ (React.isValidElement(el) && inlineElements.includes(el.props.mdxType)),
);
return shouldBeInline ?