diff --git a/packages/react/src/docs/components/Button.mdx b/packages/react/src/docs/components/Button.mdx
index 3584c34..36eac86 100644
--- a/packages/react/src/docs/components/Button.mdx
+++ b/packages/react/src/docs/components/Button.mdx
@@ -17,13 +17,13 @@ Displays a button or a component that looks like a button.
         </Story>
     </TabContent>
     <TabContent name="code">
-```tsx
-import { Button } from "@components/Button";
+        ```tsx
+        import { Button } from "@components/Button";
 
-export function ButtonDemo() {
-    return <Button>Button</Button>
-}
-```
+        export function ButtonDemo() {
+            return <Button>Button</Button>
+        }
+        ```
     </TabContent>
 </TabProvider>