diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 020896553c8aaf..fe65bf878f45c0 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -27,6 +27,7 @@ const styles = (theme) => ({
     },
     // inline code
     '& code': {
+      direction: 'ltr',
       lineHeight: 1.4,
       display: 'inline-block',
       fontFamily: 'Consolas, "Liberation Mono", Menlo, Courier, monospace',
diff --git a/docs/src/modules/utils/parseMarkdown.js b/docs/src/modules/utils/parseMarkdown.js
index 9761008f6c9cae..cb5e844f0320f2 100644
--- a/docs/src/modules/utils/parseMarkdown.js
+++ b/docs/src/modules/utils/parseMarkdown.js
@@ -165,7 +165,7 @@ export function prepareMarkdown(config) {
 ${headers.components
   .map(
     (component) =>
-      `- [<${component} />](${rewriteUrlForNextExport(`/api/${kebabCase(component)}`)})`,
+      `- [\`<${component} />\`](${rewriteUrlForNextExport(`/api/${kebabCase(component)}`)})`,
   )
   .join('\n')}
   `);