diff --git a/src/components/ui/avatar/index.ts b/src/components/ui/avatar/index.ts
index 5367952..0cc8926 100644
--- a/src/components/ui/avatar/index.ts
+++ b/src/components/ui/avatar/index.ts
@@ -5,7 +5,7 @@ export { default as AvatarFallback } from './AvatarFallback.vue'
 export { default as AvatarImage } from './AvatarImage.vue'
 
 export const avatarVariant = cva(
-  'inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden',
+  'inline-flex items-center justify-center font-normal text-secondary-foreground select-none shrink-0 bg-secondary overflow-hidden',
   {
     variants: {
       size: {