diff --git a/src/core/client/ui/components/ToggleShow/ToogleShow.mdx b/src/core/client/ui/components/ToggleShow/ToogleShow.mdx
index 93c215cd9..4fc58d41e 100644
--- a/src/core/client/ui/components/ToggleShow/ToogleShow.mdx
+++ b/src/core/client/ui/components/ToggleShow/ToogleShow.mdx
@@ -4,13 +4,13 @@ menu: UI Kit
 ---
 
 import { Playground } from 'docz'
-import ToggleShow from './ToogleShow'
+import ToggleShow from './ToggleShow'
 
 # ToggleShow
 A Component that provides a render function to display nodes
 
 ## Basic usage
-```js
+<Playground>
   <ToggleShow>
     {({ toggleShow, show }) => (
       <div>
@@ -19,4 +19,4 @@ A Component that provides a render function to display nodes
       </div>
     )}
   </ToggleShow>
-```
+</Playground>