diff --git a/website/pages/circularprogress.mdx b/website/pages/circularprogress.mdx
index bb291a03..0ee4f9e2 100644
--- a/website/pages/circularprogress.mdx
+++ b/website/pages/circularprogress.mdx
@@ -1,11 +1,12 @@
 import SEO from "../components/SEO";
 
-<SEO title="Circular Progress" description="Circular Progress is used to indicates the progress for determinate and indeterminate processes." />
-
-
-
+<SEO
+  title="Circular Progress"
+  description="Circular Progress is used to indicates the progress for determinate and indeterminate processes."
+/>
 
 # Circular Progress
+
 The Circular Progress component is used to indicates the progress for both determinate and indeterminate processes.
 
 - Determinate progress fills the circular track with color, as the indicator
@@ -13,9 +14,7 @@ The Circular Progress component is used to indicates the progress for both deter
 - Indeterminate progress grows and shrinks the indicator while moving along the
   circular track.
 
-
-See `CCircularProgress`'s <a target="_blank" href="https://github.com/chakra-ui/chakra-ui-vue/blob/master/packages/chakra-ui-core/src/CCircularProgress/accesibility.md">accessibility report</a>
-
+See `CCircularProgress`'s <a target="_blank" href="https://github.com/chakra-ui/chakra-ui-vue/blob/master/packages/chakra-ui-core/src/CCircularProgress/accessibility.md">accessibility report</a>
 
 <carbon-ad />
 
@@ -25,14 +24,12 @@ See `CCircularProgress`'s <a target="_blank" href="https://github.com/chakra-ui/
 import { CCircularProgress, CCircularProgressLabel } from "@chakra-ui/vue";
 ```
 
-
 ## Usage
 
 ```vue live=true
 <c-circular-progress :value="80" />
 ```
 
-
 ### Changing the size
 
 You can add `size` prop to the progress bar to add a custom size.
@@ -79,7 +76,7 @@ Setting the progress to indeterminate means you're not able to determine the
 `value` upfront, so won't need to pass the `value` prop.
 
 ```vue live=true
-<c-circular-progress is-indeterminate/>
+<c-circular-progress is-indeterminate />
 ```
 
 ### Accessibility
@@ -90,19 +87,20 @@ Setting the progress to indeterminate means you're not able to determine the
 
 ## Props
 
-| Name            | Type              | Default | Description                                                                                                      |
-| --------------- | ----------------- | ------- | ---------------------------------------------------------------------------------------------------------------- |
-| size            | `string`          | `48px`  | The size of the circular progress in CSS units                                                                   |
-| max             | `number`          | `100`   | Maximum value defining 100% progress made (must be higher than 'min')                                            |
-| min             | `number`          | `0`     | Minimum value defining 'no progress' (must be lower than 'max')                                                  |
-| value           | `number`          |         | Current progress (must be between min/max)                                                                       |
-| isIndeterminate | `boolean`         |         | Puts the component into 'indeterminate' state; Ignores 'value' prop                                              |
-| thickness       | `number`          | `0.2`   | The thickness of progress indicator as a ratio of `size`. Must be between `0` and `1`                            |
-| angle           | `number`          | `0`     | Angle to rotate progress indicator by                                                                            |
-| trackColor      | `string`          | `gray`  | The color name of the progress track. Use a color key in the theme object                                        |
-| color           | `string`          | `blue`  | The color of the progress indicator. Use a color key in the theme object                                         |
+| Name            | Type      | Default | Description                                                                           |
+| --------------- | --------- | ------- | ------------------------------------------------------------------------------------- |
+| size            | `string`  | `48px`  | The size of the circular progress in CSS units                                        |
+| max             | `number`  | `100`   | Maximum value defining 100% progress made (must be higher than 'min')                 |
+| min             | `number`  | `0`     | Minimum value defining 'no progress' (must be lower than 'max')                       |
+| value           | `number`  |         | Current progress (must be between min/max)                                            |
+| isIndeterminate | `boolean` |         | Puts the component into 'indeterminate' state; Ignores 'value' prop                   |
+| thickness       | `number`  | `0.2`   | The thickness of progress indicator as a ratio of `size`. Must be between `0` and `1` |
+| angle           | `number`  | `0`     | Angle to rotate progress indicator by                                                 |
+| trackColor      | `string`  | `gray`  | The color name of the progress track. Use a color key in the theme object             |
+| color           | `string`  | `blue`  | The color of the progress indicator. Use a color key in the theme object              |
 
 ## Slots
-| Name       | Description                                                                       |
-| ---------- | --------------------------------------------------------------------------------- |
-| default    | Used for the `CCircularProgressLabel` to display the current progress percentage  |
+
+| Name    | Description                                                                      |
+| ------- | -------------------------------------------------------------------------------- |
+| default | Used for the `CCircularProgressLabel` to display the current progress percentage |