diff --git a/packages/react/src/docs/components/Button.mdx b/packages/react/src/docs/components/Button.mdx
index 36eac86..7354156 100644
--- a/packages/react/src/docs/components/Button.mdx
+++ b/packages/react/src/docs/components/Button.mdx
@@ -38,10 +38,10 @@ Displays a button or a component that looks like a button.
 
 ```tsx
 import { Button } from "@components/Button";
+```
 
-function ButtonDemo() {
-    return <Button>Button</Button>
-}
+```html
+<Button>Button</Button>
 ```
 
 ### Props