diff --git a/docs/content/2.elements/2.badge.md b/docs/content/2.elements/2.badge.md
index 06917aff..8cff72e6 100644
--- a/docs/content/2.elements/2.badge.md
+++ b/docs/content/2.elements/2.badge.md
@@ -44,7 +44,7 @@ Use the `size` prop to change the size of the Badge.
 ::component-card
 ---
 props:
-  size: 'md'
+  size: 'sm'
 ---
 
 Badge
diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 978a3833..370f70fe 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -57,15 +57,16 @@ const badge = {
   rounded: 'rounded-md',
   font: 'font-medium',
   size: {
-    sm: 'text-xs px-1.5 py-0.5',
-    md: 'text-xs px-2 py-1',
-    lg: 'text-xs px-2.5 py-1.5'
+    xs: 'text-xs px-1.5 py-0.5',
+    sm: 'text-xs px-2 py-1',
+    md: 'text-sm px-2 py-1',
+    lg: 'text-sm px-2.5 py-1.5'
   },
   variant: {
     solid: 'bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 ring-opacity-10 dark:ring-opacity-20'
   },
   default: {
-    size: 'md',
+    size: 'sm',
     variant: 'solid',
     color: 'primary'
   }