diff --git a/apps/ui-playground/content/design/components/button.mdx b/apps/ui-playground/content/design/components/button.mdx
index 711b322588..cf7a55bb7a 100644
--- a/apps/ui-playground/content/design/components/button.mdx
+++ b/apps/ui-playground/content/design/components/button.mdx
@@ -58,7 +58,7 @@ Buttons can be grouped together using the ButtonGroup component. The ButtonGroup
 
 ### Button Group Sizes
 
-#### Seperated
+#### Separated
 
 <ButtonGroupSizes/>
 
diff --git a/apps/ui-playground/content/design/components/textarea.sizes.tsx b/apps/ui-playground/content/design/components/textarea.sizes.tsx
index 73062b7484..58ad6c4d38 100644
--- a/apps/ui-playground/content/design/components/textarea.sizes.tsx
+++ b/apps/ui-playground/content/design/components/textarea.sizes.tsx
@@ -9,7 +9,7 @@ export const SizesExample: React.FC = () => (
     <div className="space-y-4 md:w-80">
       <div className="space-y-2">
         <h3 className="text-emphasis text-sm">Default Height</h3>
-        <TextAreaField name="deafult" placeholder="Default height textarea..." />
+        <TextAreaField name="default" placeholder="Default height textarea..." />
       </div>
 
       <div className="space-y-2">