From bc86270dacadc9d5e14622772a40fa66dcaa6ba2 Mon Sep 17 00:00:00 2001
From: hjy0951 <hjy0951@gmail.com>
Date: Thu, 29 Aug 2024 02:26:04 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=86=8C=EC=8B=9D=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=ED=97=A4=EB=8D=94=20=ED=8C=94=EB=A1=9C=EC=9E=89=20?=
 =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EC=9D=B4=EB=8F=99=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../atoms/following-list-link-button.tsx         | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/features/news/components/atoms/following-list-link-button.tsx b/features/news/components/atoms/following-list-link-button.tsx
index d5e4ddf5..0014264e 100644
--- a/features/news/components/atoms/following-list-link-button.tsx
+++ b/features/news/components/atoms/following-list-link-button.tsx
@@ -1,7 +1,8 @@
 import Link from 'next/link';
 import { ReactNode } from 'react';
 
-import { DefaultProfileIcon, Image, PersonsIcon } from '@/components/atoms';
+import { DefaultProfileIcon, PersonsIcon } from '@/components/atoms';
+import { ProfileImage } from '@/components/molecules';
 import { css, cx } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
 
@@ -30,11 +31,14 @@ export const FollowingListLinkButton = () => {
         )}
       >
         {profileImageUrl ? (
-          <Image
+          <ProfileImage
             src={profileImageUrl}
             alt="following profiles"
-            width={24}
-            height={24}
+            width={28}
+            height={28}
+            style={{
+              objectFit: 'cover',
+            }}
           />
         ) : (
           <DefaultProfileIcon width={24} height={24} />
@@ -81,7 +85,11 @@ const borderStyles = css({
 const baseProfileStyle = flex({
   position: 'absolute',
   top: '2px',
+  width: '28px',
+  height: '28px',
   backgroundColor: 'white',
+  align: 'stretch',
+  rounded: 'full',
   overflow: 'hidden',
 });