diff --git a/docs/docs/components/Radio.mdx b/docs/docs/components/Radio.mdx
index b757b3b..4fafa98 100644
--- a/docs/docs/components/Radio.mdx
+++ b/docs/docs/components/Radio.mdx
@@ -46,11 +46,7 @@ import { Radio } from 'react-loader-spinner'
 />
 
 ## More Example
+---
 
-```jsx live
 <Radio colors={['#8C5E58', '#2B061E', '#361134']} />
-```
-
-```jsx live
 <Radio colors={['#51E5FF', '#7DE2D1', '#FF7E6B']} />
-```
diff --git a/docs/docs/components/color-ring.mdx b/docs/docs/components/color-ring.mdx
index b70db0c..4bb9b2a 100644
--- a/docs/docs/components/color-ring.mdx
+++ b/docs/docs/components/color-ring.mdx
@@ -51,8 +51,7 @@ import { ColorRing } from 'react-loader-spinner'
 />
 
 ## More example:
-
-```jsx live
+---
 <ColorRing
   visible={true}
   height="80"
@@ -62,4 +61,3 @@ import { ColorRing } from 'react-loader-spinner'
   wrapperClass="blocks-wrapper"
   colors={['#b8c480', '#B2A3B5', '#F4442E', '#51E5FF', '#429EA6']}
 />
-```
diff --git a/docs/docs/components/fidget-spinner.mdx b/docs/docs/components/fidget-spinner.mdx
index 77261cb..6fbdbd2 100644
--- a/docs/docs/components/fidget-spinner.mdx
+++ b/docs/docs/components/fidget-spinner.mdx
@@ -50,7 +50,5 @@ import { FidgetSpinner } from 'react-loader-spinner'
 />
 
 ## More Example
-
-```jsx live
+---
 <FidgetSpinner />
-```
diff --git a/docs/docs/components/hearts.mdx b/docs/docs/components/hearts.mdx
index 55de3d1..6561b6b 100644
--- a/docs/docs/components/hearts.mdx
+++ b/docs/docs/components/hearts.mdx
@@ -81,4 +81,4 @@ import { Hearts } from 'react-loader-spinner'
       description: 'Visibility of the component',
     },
   ]}
-/>{' '}
+/>
diff --git a/docs/docs/components/line-wave.mdx b/docs/docs/components/line-wave.mdx
index 42a925a..62ee6b1 100644
--- a/docs/docs/components/line-wave.mdx
+++ b/docs/docs/components/line-wave.mdx
@@ -106,26 +106,13 @@ import { LineWave } from 'react-loader-spinner'
 />{' '}
 
 ## More Examples:
+---
 
-### Example 1
-
-```jsx live
 <LineWave color="red" firstLineColor="green" />
-```
-
-### Example 2
-
-```jsx live
 <LineWave color="red" middleLineColor="green" lastLineColor="green" />
-```
-
-### Example 3
-
-```jsx live
 <LineWave
   color="red"
   firstLineColor="blue"
   middleLineColor="green"
   lastLineColor="grey"
 />
-```
diff --git a/docs/docs/components/mutating-dots.mdx b/docs/docs/components/mutating-dots.mdx
index 7d8c72c..d2ef9d7 100644
--- a/docs/docs/components/mutating-dots.mdx
+++ b/docs/docs/components/mutating-dots.mdx
@@ -95,4 +95,4 @@ import { MutatingDots } from 'react-loader-spinner'
       description: 'Visibility of the dots',
     },
   ]}
-/>{' '}
+/>
diff --git a/docs/docs/components/oval.mdx b/docs/docs/components/oval.mdx
index f80289f..50e5723 100644
--- a/docs/docs/components/oval.mdx
+++ b/docs/docs/components/oval.mdx
@@ -100,10 +100,7 @@ import { Oval } from 'react-loader-spinner'
 />{' '}
 
 ## More examples
-
-### Example 1
-
-```jsx live
+---
 <Oval
   ariaLabel="loading-indicator"
   height={100}
@@ -113,11 +110,7 @@ import { Oval } from 'react-loader-spinner'
   color="blue"
   secondaryColor="white"
 />
-```
 
-### Example 2
-
-```jsx live
 <Oval
   ariaLabel="loading-indicator"
   height={100}
@@ -127,11 +120,7 @@ import { Oval } from 'react-loader-spinner'
   color="blue"
   secondaryColor="red"
 />
-```
-
-### Example 3
 
-```jsx live
 <Oval
   ariaLabel="loading-indicator"
   height={100}
@@ -141,4 +130,3 @@ import { Oval } from 'react-loader-spinner'
   color="blue"
   secondaryColor="Grey"
 />
-```
diff --git a/docs/docs/components/rotating-square.mdx b/docs/docs/components/rotating-square.mdx
index a1e8e33..52f2b21 100644
--- a/docs/docs/components/rotating-square.mdx
+++ b/docs/docs/components/rotating-square.mdx
@@ -86,13 +86,10 @@ import { RotatingSquare } from 'react-loader-spinner'
   ]}
 />
 
-## Example 2
-
-```jsx live
+## More examples
 <RotatingSquare
   ariaLabel="rotating-square"
   visible={true}
   color="grey"
   strokeWidth="10"
 />
-```
diff --git a/docs/docs/components/rotating-triangle.mdx b/docs/docs/components/rotating-triangle.mdx
index f08a16e..3217b77 100644
--- a/docs/docs/components/rotating-triangle.mdx
+++ b/docs/docs/components/rotating-triangle.mdx
@@ -44,11 +44,7 @@ import { RotatingTriangles } from 'react-loader-spinner'
 />
 
 ## More Example
+---
 
-```jsx live
 <RotatingTriangles colors={['#8C5E58', '#2B061E', '#361134']} />
-```
-
-```jsx live
 <RotatingTriangles colors={['#51E5FF', '#7DE2D1', '#FF7E6B']} />
-```