diff --git a/website/docs/guides/markdown-features/markdown-features-admonitions.mdx b/website/docs/guides/markdown-features/markdown-features-admonitions.mdx
index d2a0cc1aa3..191ae48fbb 100644
--- a/website/docs/guides/markdown-features/markdown-features-admonitions.mdx
+++ b/website/docs/guides/markdown-features/markdown-features-admonitions.mdx
@@ -83,8 +83,8 @@ Hello world
 :::
 
 <!-- Prettier changes this -->
-::: note 
-Hello world 
+::: note
+Hello world
 :::
 
 <!-- to this -->
@@ -146,10 +146,10 @@ import TabItem from '@theme/TabItem';
 
 ## Usage in JSX
 
-Outside of Markdown, you can use the `@theme/Admonitions` component to get the same output.
+Outside of Markdown, you can use the `@theme/Admonition` component to get the same output.
 
 ```jsx title="MyReactPage.jsx"
-import Admonition from '@theme/Admonitions';
+import Admonition from '@theme/Admonition';
 
 export default function MyReactPage() {
   return (
diff --git a/website/versioned_docs/version-2.0.0-beta.14/guides/markdown-features/markdown-features-admonitions.mdx b/website/versioned_docs/version-2.0.0-beta.14/guides/markdown-features/markdown-features-admonitions.mdx
index d2a0cc1aa3..191ae48fbb 100644
--- a/website/versioned_docs/version-2.0.0-beta.14/guides/markdown-features/markdown-features-admonitions.mdx
+++ b/website/versioned_docs/version-2.0.0-beta.14/guides/markdown-features/markdown-features-admonitions.mdx
@@ -83,8 +83,8 @@ Hello world
 :::
 
 <!-- Prettier changes this -->
-::: note 
-Hello world 
+::: note
+Hello world
 :::
 
 <!-- to this -->
@@ -146,10 +146,10 @@ import TabItem from '@theme/TabItem';
 
 ## Usage in JSX
 
-Outside of Markdown, you can use the `@theme/Admonitions` component to get the same output.
+Outside of Markdown, you can use the `@theme/Admonition` component to get the same output.
 
 ```jsx title="MyReactPage.jsx"
-import Admonition from '@theme/Admonitions';
+import Admonition from '@theme/Admonition';
 
 export default function MyReactPage() {
   return (