diff --git a/docs/docs/components/Radio.mdx b/docs/docs/components/Radio.mdx
index 4fafa98..baa3578 100644
--- a/docs/docs/components/Radio.mdx
+++ b/docs/docs/components/Radio.mdx
@@ -46,6 +46,7 @@ import { Radio } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
 
 <Radio colors={['#8C5E58', '#2B061E', '#361134']} />
diff --git a/docs/docs/components/audio.mdx b/docs/docs/components/audio.mdx
index 601f0b7..3be95c0 100644
--- a/docs/docs/components/audio.mdx
+++ b/docs/docs/components/audio.mdx
@@ -8,7 +8,6 @@ import { Audio } from 'react-loader-spinner'
 
 # Audio
 
-
 <LiveProvider
   code={`
   render(<Audio
diff --git a/docs/docs/components/bars.mdx b/docs/docs/components/bars.mdx
index fac9fdd..d6ebe84 100644
--- a/docs/docs/components/bars.mdx
+++ b/docs/docs/components/bars.mdx
@@ -7,6 +7,7 @@ import { getPropsTableData } from '../../src/components/helpers'
 import { Bars } from 'react-loader-spinner'
 
 # Bars
+
 <LiveProvider
   code={`
   render(<Bars
@@ -28,7 +29,6 @@ import { Bars } from 'react-loader-spinner'
   <LiveError />
 </LiveProvider>
 
-
 ---
 
 ## Props
diff --git a/docs/docs/components/blocks.mdx b/docs/docs/components/blocks.mdx
index 565f0c3..3c1f421 100644
--- a/docs/docs/components/blocks.mdx
+++ b/docs/docs/components/blocks.mdx
@@ -28,7 +28,6 @@ import { Blocks } from 'react-loader-spinner'
   <LiveEditor />
   <LiveError />
 </LiveProvider>
----
-## Props
+--- ## Props
 
 <PropsTable properties={[...getPropsTableData('blocks', ['colors'])]} />
diff --git a/docs/docs/components/circles-with-bar.mdx b/docs/docs/components/circles-with-bar.mdx
index ce38ba1..1de842d 100644
--- a/docs/docs/components/circles-with-bar.mdx
+++ b/docs/docs/components/circles-with-bar.mdx
@@ -7,7 +7,6 @@ import { CirclesWithBar } from 'react-loader-spinner'
 
 # Circles With Bar
 
-
 <LiveProvider
   code={`
   render(<CirclesWithBar
diff --git a/docs/docs/components/color-ring.mdx b/docs/docs/components/color-ring.mdx
index 4bb9b2a..7cb388a 100644
--- a/docs/docs/components/color-ring.mdx
+++ b/docs/docs/components/color-ring.mdx
@@ -30,6 +30,7 @@ import { ColorRing } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -51,7 +52,9 @@ import { ColorRing } from 'react-loader-spinner'
 />
 
 ## More example:
+
 ---
+
 <ColorRing
   visible={true}
   height="80"
diff --git a/docs/docs/components/discuss.mdx b/docs/docs/components/discuss.mdx
index 1d3ee43..49b847b 100644
--- a/docs/docs/components/discuss.mdx
+++ b/docs/docs/components/discuss.mdx
@@ -4,7 +4,7 @@
 import PropsTable from '../../src/components/props-table'
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'
 import { getPropsTableData } from '../../src/components/helpers'
-import {Discuss} from 'react-loader-spinner'
+import { Discuss } from 'react-loader-spinner'
 
 # Discuss
 
@@ -31,6 +31,7 @@ import {Discuss} from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/falling-lines.mdx b/docs/docs/components/falling-lines.mdx
index 9d50055..df77575 100644
--- a/docs/docs/components/falling-lines.mdx
+++ b/docs/docs/components/falling-lines.mdx
@@ -26,6 +26,7 @@ import { FallingLines } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/fidget-spinner.mdx b/docs/docs/components/fidget-spinner.mdx
index 6fbdbd2..fd33d15 100644
--- a/docs/docs/components/fidget-spinner.mdx
+++ b/docs/docs/components/fidget-spinner.mdx
@@ -50,5 +50,7 @@ import { FidgetSpinner } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
+
 <FidgetSpinner />
diff --git a/docs/docs/components/hourglass.mdx b/docs/docs/components/hourglass.mdx
index cf8f1f7..fd6066b 100644
--- a/docs/docs/components/hourglass.mdx
+++ b/docs/docs/components/hourglass.mdx
@@ -32,4 +32,5 @@ import { Hourglass } from 'react-loader-spinner'
 ---
 
 ## Props
+
 <PropsTable properties={[...getPropsTableData('hourglass', ['color'])]} />
diff --git a/docs/docs/components/infinity-spin.mdx b/docs/docs/components/infinity-spin.mdx
index 08acf05..d4e04c0 100644
--- a/docs/docs/components/infinity-spin.mdx
+++ b/docs/docs/components/infinity-spin.mdx
@@ -26,6 +26,7 @@ import { InfinitySpin } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -45,4 +46,3 @@ import { InfinitySpin } from 'react-loader-spinner'
     },
   ]}
 />
-
diff --git a/docs/docs/components/line-wave.mdx b/docs/docs/components/line-wave.mdx
index 62ee6b1..fc40a97 100644
--- a/docs/docs/components/line-wave.mdx
+++ b/docs/docs/components/line-wave.mdx
@@ -106,6 +106,7 @@ import { LineWave } from 'react-loader-spinner'
 />{' '}
 
 ## More Examples:
+
 ---
 
 <LineWave color="red" firstLineColor="green" />
diff --git a/docs/docs/components/oval.mdx b/docs/docs/components/oval.mdx
index 50e5723..c3a0d51 100644
--- a/docs/docs/components/oval.mdx
+++ b/docs/docs/components/oval.mdx
@@ -29,6 +29,7 @@ import { Oval } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -100,7 +101,9 @@ import { Oval } from 'react-loader-spinner'
 />{' '}
 
 ## More examples
+
 ---
+
 <Oval
   ariaLabel="loading-indicator"
   height={100}
diff --git a/docs/docs/components/revolving-dot.mdx b/docs/docs/components/revolving-dot.mdx
index b804b53..10aa801 100644
--- a/docs/docs/components/revolving-dot.mdx
+++ b/docs/docs/components/revolving-dot.mdx
@@ -28,10 +28,12 @@ import { RevolvingDot } from 'react-loader-spinner'
   <LiveError />
 </LiveProvider>
 
-
 ---
+
 > This spinner is not supported by Safari. [See](https://github.com/mhnpd/react-loader-spinner/issues/150)
+
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/rings.mdx b/docs/docs/components/rings.mdx
index 1367479..87c4b94 100644
--- a/docs/docs/components/rings.mdx
+++ b/docs/docs/components/rings.mdx
@@ -31,6 +31,7 @@ import { Rings } from 'react-loader-spinner'
 > This spinner is not supported by Safari. [See](https://github.com/mhnpd/react-loader-spinner/issues/150)
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/rotating-square.mdx b/docs/docs/components/rotating-square.mdx
index 52f2b21..06bb97c 100644
--- a/docs/docs/components/rotating-square.mdx
+++ b/docs/docs/components/rotating-square.mdx
@@ -29,6 +29,7 @@ import { RotatingSquare } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -87,6 +88,7 @@ import { RotatingSquare } from 'react-loader-spinner'
 />
 
 ## More examples
+
 <RotatingSquare
   ariaLabel="rotating-square"
   visible={true}
diff --git a/docs/docs/components/rotating-triangle.mdx b/docs/docs/components/rotating-triangle.mdx
index 3217b77..4e4b6e9 100644
--- a/docs/docs/components/rotating-triangle.mdx
+++ b/docs/docs/components/rotating-triangle.mdx
@@ -28,8 +28,7 @@ import { RotatingTriangles } from 'react-loader-spinner'
   <LiveEditor />
   <LiveError />
 </LiveProvider>
----
-## Props
+--- ## Props
 
 <PropsTable
   properties={[
@@ -44,6 +43,7 @@ import { RotatingTriangles } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
 
 <RotatingTriangles colors={['#8C5E58', '#2B061E', '#361134']} />
diff --git a/docs/docs/components/tail-spin.mdx b/docs/docs/components/tail-spin.mdx
index cdb00fe..75e19f3 100644
--- a/docs/docs/components/tail-spin.mdx
+++ b/docs/docs/components/tail-spin.mdx
@@ -30,6 +30,7 @@ import { TailSpin } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/three-circles.mdx b/docs/docs/components/three-circles.mdx
index 415270b..52be6b7 100644
--- a/docs/docs/components/three-circles.mdx
+++ b/docs/docs/components/three-circles.mdx
@@ -29,6 +29,7 @@ import { ThreeCircles } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/three-dots.mdx b/docs/docs/components/three-dots.mdx
index 57b7162..518c078 100644
--- a/docs/docs/components/three-dots.mdx
+++ b/docs/docs/components/three-dots.mdx
@@ -30,6 +30,7 @@ import { ThreeDots } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/triangle.mdx b/docs/docs/components/triangle.mdx
index cccaa2f..66a29c1 100644
--- a/docs/docs/components/triangle.mdx
+++ b/docs/docs/components/triangle.mdx
@@ -29,6 +29,7 @@ import { Triangle } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/vortex.mdx b/docs/docs/components/vortex.mdx
index d68eb3f..588d0f6 100644
--- a/docs/docs/components/vortex.mdx
+++ b/docs/docs/components/vortex.mdx
@@ -30,6 +30,7 @@ import { Vortex } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
diff --git a/docs/docs/components/watch.mdx b/docs/docs/components/watch.mdx
index c353029..e1df01e 100644
--- a/docs/docs/components/watch.mdx
+++ b/docs/docs/components/watch.mdx
@@ -30,6 +30,7 @@ import { Watch } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable