diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md
index 052105c9..7a936a72 100644
--- a/docs/content/2.elements/1.avatar.md
+++ b/docs/content/2.elements/1.avatar.md
@@ -19,7 +19,7 @@ Use the `size` prop to change the size of the Avatar.
 ::component-card
 ---
 props:
-  size: 'md'
+  size: 'sm'
 baseProps:
   src: 'https://avatars.githubusercontent.com/u/739984?v=4'
   alt: 'Avatar'
@@ -66,7 +66,7 @@ To stack avatars as a group, use the `AvatarGroup` component.
 ::component-card{slug="AvatarGroup"}
 ---
 props:
-  size: 'md'
+  size: 'sm'
   max: 2
 ui:
   size:
diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 79209ccf..978a3833 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -40,7 +40,7 @@ const avatar = {
     }
   },
   default: {
-    size: 'md',
+    size: 'sm',
     chipVariant: 'solid',
     chipPosition: 'top-right'
   }