From f4fa035aeedb99443693ca6bf5d8a6927b6eb787 Mon Sep 17 00:00:00 2001
From: JitHoon <imessi0336@gmail.com>
Date: Fri, 17 Nov 2023 10:30:57 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=ED=94=84=EB=A1=9C=ED=95=84=20=EC=82=AC?=
 =?UTF-8?q?=EC=A7=84=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Components/Chat/Chats.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/Components/Chat/Chats.tsx b/Components/Chat/Chats.tsx
index 08e792c..f4f4a89 100644
--- a/Components/Chat/Chats.tsx
+++ b/Components/Chat/Chats.tsx
@@ -44,14 +44,16 @@ const Chats = ({
 				</li>
 			) : (
 				<li key={message.id} className="flex m-2 place-self-start">
-					<Image
-						src={user.picture}
-						width={50}
-						height={50}
-						alt="User Picture"
-						onClick={useModal ? openProfile : undefined}
-						className="shadow-gray-100 shadow-md rounded-xl"
-					/>
+					<div className="relative w-[45px] h-[45px] overflow-hidden">
+						<Image
+							src={user.picture}
+							layout={'fill'}
+							objectFit={'cover'}
+							alt="User Picture"
+							onClick={useModal ? openProfile : undefined}
+							className="shadow-gray-100 shadow-md rounded-full"
+						/>
+					</div>
 					<div className="flex flex-col ml-2">
 						<p className="text-xs">{user.username}</p>
 						<p className="mt-1 px-5 py-2 text-sm text-white bg-pink-200 rounded-xl">