chore: fix playground style

Author: gioboa

apps/docs/content/_components/loadercircular.md

@@ -44,7 +44,7 @@ It's important to properly set `aria-label` for screen readers to read proper in
 
 ## Playground
 
-<Generate class="playground"/>
+<Generate class="playground" />
 
 #tab-2
 

apps/docs/content/_components/ratingbutton.md

@@ -107,7 +107,7 @@ The RatingButton uses hidden radio input elements to satisfy all keyboard functi
 
 ## Playground
 
-<Generate style="height:400px" />
+<Generate class="playground" />
 
 #tab-2
 

apps/docs/content/_components/scrollable.md

@@ -82,7 +82,7 @@ The previous and next buttons have `aria-label` attributes (`buttonPrevAriaLabel
 
 ## Playground
 
-<Generate style="height: 500px" />
+<Generate class="playground" style="height: 600px;" />
 
 #tab-2
 

apps/docs/content/_components/textarea.md

@@ -98,7 +98,7 @@ Textarea is multi-line input, so Return or Enter key inserts a line break.
 
 ## Playground
 
-<Generate style="height: 600px;"/>
+<Generate class="playground" style="height: 800px;" />
 
 #tab-2
 

apps/docs/content/_components/thumbnail.md

@@ -104,7 +104,7 @@ Similar to images, you can also pass an icon into the default slot.
 
 ## Playground
 
-<Generate style="height: 450px" />
+<Generate class="playground" style="height: 500px;" />
 
 #tab-2
 

apps/docs/content/_components/tooltip.md

@@ -41,7 +41,7 @@ By default, this component sets `role="tooltip"`.
 
 ## Playground
 
-<Generate />
+<Generate class="playground" />
 
 #tab-2