diff --git a/website/docs/api/plugin-methods/lifecycle-apis.md b/website/docs/api/plugin-methods/lifecycle-apis.md
index bc583e8d38e0..739b902d07de 100644
--- a/website/docs/api/plugin-methods/lifecycle-apis.md
+++ b/website/docs/api/plugin-methods/lifecycle-apis.md
@@ -178,7 +178,7 @@ The API of `configureWebpack` will be modified in the future to accept an object
 - `getStyleLoaders(isServer: boolean, cssOptions: {[key: string]: any}): Loader[]`
 - `getJSLoader(isServer: boolean, cacheOptions?: {}): Loader | null`
 
-You may use them to return your webpack configures conditionally.
+You may use them to return your webpack configuration conditionally.
 
 For example, this plugin below modify the webpack config to transpile `.foo` files.
 
diff --git a/website/docs/api/themes/theme-search-algolia.md b/website/docs/api/themes/theme-search-algolia.md
index 1b5ce68a74bf..a7dd47d2a054 100644
--- a/website/docs/api/themes/theme-search-algolia.md
+++ b/website/docs/api/themes/theme-search-algolia.md
@@ -11,7 +11,7 @@ This theme provides a `@theme/SearchBar` component that integrates with Algolia
 npm install --save @docusaurus/theme-search-algolia
 ```
 
-This theme also adds search page available at `/search` (as swizzlable `SearchPage` component) path with OpenSearch support. You can this default path via `themeConfig.algolia.searchPagePath`. Use `false` to disable search page.
+This theme also adds search page available at `/search` (as swizzlable `SearchPage` component) path with OpenSearch support. You can change this default path via `themeConfig.algolia.searchPagePath`. Use `false` to disable search page.
 
 :::tip
 
diff --git a/website/docs/guides/markdown-features/markdown-features-react.mdx b/website/docs/guides/markdown-features/markdown-features-react.mdx
index 47f2e6046d67..b8cc840b6acb 100644
--- a/website/docs/guides/markdown-features/markdown-features-react.mdx
+++ b/website/docs/guides/markdown-features/markdown-features-react.mdx
@@ -312,8 +312,11 @@ Use JSX within JSX tag, or move the Markdown to the outer layer:
 <div className={styles.wrappingBlock}>
 ```
 
+<!-- prettier-ignore -->
 ```jsx
-<div style={{color: 'red'}}>**Bold still doesn't work**</div>
+<div style={{color: 'red'}}>
+**Bold still doesn't work**
+</div>
 ```
 
 ```mdx-code-block
@@ -335,8 +338,13 @@ Add an empty new line:
 <div className={styles.wrappingBlock}>
 ```
 
+<!-- prettier-ignore -->
 ```jsx
-<div style={{color: 'red'}}>**Bold now works**</div>
+<div style={{color: 'red'}}>
+
+**Bold now works**
+
+</div>
 ```
 
 ```mdx-code-block
@@ -360,8 +368,13 @@ Add an empty new line:
 <div className={styles.wrappingBlock}>
 ```
 
+<!-- prettier-ignore -->
 ```jsx
-<div style={{color: 'red'}}>You may think I'm just some text...</div>
+<div style={{color: 'red'}}>
+
+    You may think I'm just some text...
+
+</div>
 ```
 
 ```mdx-code-block
@@ -385,8 +398,13 @@ Don't indent:
 <div className={styles.wrappingBlock}>
 ```
 
+<!-- prettier-ignore -->
 ```jsx
-<div style={{color: 'red'}}>Now I'm actually just text</div>
+<div style={{color: 'red'}}>
+
+Now I'm actually just text
+
+</div>
 ```
 
 ```mdx-code-block