diff --git a/src/runtime/components/elements/Avatar.vue b/src/runtime/components/elements/Avatar.vue
index c52b14ff..1bd25288 100644
--- a/src/runtime/components/elements/Avatar.vue
+++ b/src/runtime/components/elements/Avatar.vue
@@ -38,12 +38,8 @@ const props = defineProps({
     default: true
   },
   chip: {
-    type: Boolean,
-    default: false
-  },
-  chipVariant: {
     type: String,
-    default: 'primary',
+    default: null,
     validator (value: string) {
       return Object.keys($ui.avatar.chip.variant).includes(value)
     }
@@ -92,8 +88,8 @@ const avatarClass = computed(() => {
 const chipClass = computed(() => {
   return classNames(
     $ui.avatar.chip.base,
+    $ui.avatar.chip.variant[props.chip],
     $ui.avatar.chip.position[props.chipPosition],
-    $ui.avatar.chip.variant[props.chipVariant],
     $ui.avatar.chip.size[props.size]
   )
 })
diff --git a/src/runtime/types/avatar.d.ts b/src/runtime/types/avatar.d.ts
index 78fcd6a5..06d0bcda 100644
--- a/src/runtime/types/avatar.d.ts
+++ b/src/runtime/types/avatar.d.ts
@@ -4,7 +4,6 @@ export interface Avatar {
   text: string
   size: string
   rounded: boolean
-  chip: boolean
-  chipVariant: string
+  chip: string
   chipPosition: string
 }