diff --git a/platform/ui/src/components/Button/Button.mdx b/platform/ui/src/components/Button/Button.mdx
index ce6c55196..cf09571dd 100644
--- a/platform/ui/src/components/Button/Button.mdx
+++ b/platform/ui/src/components/Button/Button.mdx
@@ -17,11 +17,7 @@ Buttons are used to execute actions when users interacts with them.
 import { Button } from '@ohfi/ui';
 ```
 
-## Properties
-
-<Props of={Button} />
-
-## Contained Buttons
+## Outlined Buttons
 
 <Playground>
   <>
@@ -231,3 +227,8 @@ import { IconButton } from '@ohfi/ui';
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.026 14.116c-3.475 1.673-7.504 3.619-8.484 4.09-1.848.889-3.542-1.445-3.542-1.445l8.761-4.226 3.265 1.581zm7.93 6.884c-.686 0-1.393-.154-2.064-.479-1.943-.941-2.953-3.001-2.498-4.854.26-1.057-.296-1.201-1.145-1.612l-14.189-6.866s1.7-2.329 3.546-1.436c1.134.549 5.689 2.747 9.614 4.651l.985-.474c.85-.409 1.406-.552 1.149-1.609-.451-1.855.564-3.913 2.51-4.848.669-.321 1.373-.473 2.054-.473 2.311 0 4.045 1.696 4.045 3.801 0 1.582-.986 3.156-2.613 3.973-1.625.816-2.765.18-4.38.965l-.504.245.552.27c1.613.789 2.754.156 4.377.976 1.624.819 2.605 2.392 2.605 3.97 0 2.108-1.739 3.8-4.044 3.8zm-2.555-12.815c.489 1.022 1.876 1.378 3.092.793 1.217-.584 1.809-1.893 1.321-2.916-.489-1.022-1.876-1.379-3.093-.794s-1.808 1.894-1.32 2.917zm-3.643 3.625c0-.414-.335-.75-.75-.75-.414 0-.75.336-.75.75s.336.75.75.75.75-.336.75-.75zm6.777 3.213c-1.215-.588-2.604-.236-3.095.786-.491 1.022.098 2.332 1.313 2.919 1.215.588 2.603.235 3.094-.787.492-1.021-.097-2.33-1.312-2.918z"/></svg>
   </IconButton>
 </Playground>
+
+
+## Properties
+
+<Props of={Button} />
diff --git a/platform/ui/src/components/Input/Input.mdx b/platform/ui/src/components/Input/Input.mdx
index b67d481c0..364ad5571 100644
--- a/platform/ui/src/components/Input/Input.mdx
+++ b/platform/ui/src/components/Input/Input.mdx
@@ -9,10 +9,6 @@ import Input from './';
 
 # Input
 
-## Properties
-
-<Props of={Input} />
-
 ## Basic usage
 
 <Playground>
@@ -31,3 +27,7 @@ import Input from './';
     );
   }}
 </Playground>
+
+## Properties
+
+<Props of={Input} />
diff --git a/platform/ui/src/components/Label/Label.mdx b/platform/ui/src/components/Label/Label.mdx
index fef0566f5..0d850cefd 100644
--- a/platform/ui/src/components/Label/Label.mdx
+++ b/platform/ui/src/components/Label/Label.mdx
@@ -9,10 +9,6 @@ import Label from './';
 
 # Label
 
-## Properties
-
-<Props of={Label} />
-
 ## Basic usage
 
 <Playground>
@@ -20,3 +16,7 @@ import Label from './';
     return <Label text="Label" />;
   }}
 </Playground>
+
+## Properties
+
+<Props of={Label} />
diff --git a/platform/ui/src/components/Typography/Typography.mdx b/platform/ui/src/components/Typography/Typography.mdx
index 7859c5d40..21ec5fc79 100644
--- a/platform/ui/src/components/Typography/Typography.mdx
+++ b/platform/ui/src/components/Typography/Typography.mdx
@@ -18,10 +18,6 @@ content.
 import { Typography } from '@ohfi/ui';
 ```
 
-## Properties
-
-<Props of={Typography} />
-
 ## Basic usage
 
 <Playground>
@@ -63,3 +59,7 @@ element.
     This is a h2 using the h1 styles.
   </Typography>
 </Playground>
+
+## Properties
+
+<Props of={Typography} />