diff --git a/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts b/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts index a049cbeb..bc594274 100644 --- a/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts +++ b/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts @@ -35,28 +35,28 @@ export const avatarTheme = tv( }, size: { 18: { - base: ['rounded-[6px]', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'], + base: ['rounded-md', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'], }, 20: { - base: ['rounded-[6px]', 'h-[20px]', 'w-[20px]', 'text-[0.625rem]'], + base: ['rounded-md', 'h-5', 'w-5', 'text-[0.625rem]'], }, 24: { - base: ['rounded-[6px]', 'h-[24px]', 'w-[24px]', 'text-[0.625rem]'], + base: ['rounded-md', 'h-6', 'w-6', 'text-[0.625rem]'], }, 28: { - base: ['rounded-[8px]', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'], + base: ['rounded-lg', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'], }, 32: { - base: ['rounded-[8px]', 'h-[32px]', 'w-[32px]', 'text-xs'], + base: ['rounded-lg', 'h-8', 'w-8', 'text-xs'], }, 36: { - base: ['rounded-[12px]', 'h-[36px]', 'w-[36px]', 'text-xs'], + base: ['rounded-xl', 'h-[36px]', 'w-[36px]', 'text-xs'], }, 40: { - base: ['rounded-[12px]', 'h-[40px]', 'w-[40px]', 'text-sm'], + base: ['rounded-xl', 'h-10', 'w-10', 'text-sm'], }, 44: { - base: ['rounded-[12px]', 'h-[44px]', 'w-[44px]', 'text-sm'], + base: ['rounded-xl', 'h-[44px]', 'w-[44px]', 'text-sm'], }, }, },