From d9bc33018a64633ca2c94e3fc97cbc7cdc1768c5 Mon Sep 17 00:00:00 2001
From: kyu <2066apple@naver.com>
Date: Sat, 9 Sep 2023 12:58:37 +0900
Subject: [PATCH] =?UTF-8?q?[=20fix=20]=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EA=B8=B8=EC=9D=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/components/moderationList.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/home/components/moderationList.tsx b/src/pages/home/components/moderationList.tsx
index 9a88860..1f762ac 100644
--- a/src/pages/home/components/moderationList.tsx
+++ b/src/pages/home/components/moderationList.tsx
@@ -36,12 +36,10 @@ export const ModerationListItem = ({ recordType, content, date, onClick }: Moder
     const time = dateToAmPmTimeFormat(date);
 
     return (
-        <li className="flex justify-between mb-3" onClick={onClick}>
-            <span className="flex">
-                <span className={`bg-${color} w-1.5 h-6 rounded-md mr-2`} />
-                <span className="text-base">{content}</span>
-            </span>
-            <span className="text-sm leading-6 text-gray-500">{time}</span>
+        <li className="flex mb-3 w-full" onClick={onClick}>
+            <span className={`bg-${color} w-1.5 min-w-[0.375rem] h-6 rounded-md mr-2`} />
+            <span className="block truncate text-base">{content}</span>
+            <span className="ml-auto text-sm leading-6 text-gray-500 whitespace-nowrap">{time}</span>
         </li>
     );
 };