From 64ca8c13ae70ef20ad346972d4327a3200f73bd8 Mon Sep 17 00:00:00 2001
From: semnil5202 <semnil5202@gmail.com>
Date: Tue, 27 Aug 2024 01:11:07 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20Avatar=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20css=20=EB=8C=80=EC=8B=A0=20style=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=ED=86=A0=EB=A1=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/web-domains/src/common/components/Avatar/Avatar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web-domains/src/common/components/Avatar/Avatar.tsx b/packages/web-domains/src/common/components/Avatar/Avatar.tsx
index 6535c4eb..58b6a22c 100644
--- a/packages/web-domains/src/common/components/Avatar/Avatar.tsx
+++ b/packages/web-domains/src/common/components/Avatar/Avatar.tsx
@@ -7,7 +7,7 @@ interface AvatarProps extends Omit<ImageProps, 'src' | 'alt'> {
   Icon?: React.ComponentType<{ size?: number }>;
 }
 
-export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, ...rest }: AvatarProps) => {
+export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, style, ...rest }: AvatarProps) => {
   if (!imageUrl) {
     return (
       <span css={{ display: 'inline-flex' }} {...rest}>
@@ -16,5 +16,5 @@ export const Avatar = ({ imageUrl, alt = 'profile-image', size, Icon, ...rest }:
     );
   }
 
-  return <Image src={imageUrl} alt={alt} css={{ objectFit: 'cover' }} {...rest} />;
+  return <Image src={imageUrl} alt={alt} style={{ ...style, objectFit: 'cover' }} {...rest} />;
 };