From e6422c7aca8f186a41ec17d5cbc3e80efae3fe2e Mon Sep 17 00:00:00 2001
From: Leejin-Yang <ejin1996@gmail.com>
Date: Sat, 20 Apr 2024 00:43:18 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=98=A4=EB=8A=98=EC=9D=98=20=EB=A6=AC?=
 =?UTF-8?q?=EB=B7=B0=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Rank/ReviewRankingItem/ReviewRankingItem.tsx     | 12 ++++++++----
 .../Rank/ReviewRankingItem/reviewRankingItem.css.ts  |  8 --------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx b/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx
index 979d02a0..5dabd807 100644
--- a/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx
+++ b/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import { reviewContent, reviewImage, reviewTitle, tagList, tag, tagName } from './reviewRankingItem.css';
+import { reviewImage, tagList, tag, tagName, reviewContent } from './reviewRankingItem.css';
 
 import { Text } from '@/components/Common';
 import { REVIEW_CARD_DEFAULT_IMAGE_URL } from '@/constants/image';
@@ -23,9 +23,13 @@ const ReviewRankingItem = ({ productName, content, tags, image }: ReviewRankingI
     <div>
       <img src={image ?? REVIEW_CARD_DEFAULT_IMAGE_URL} className={reviewImage} alt={productName} />
       <div style={{ height: '8px' }} />
-      <p className={reviewTitle}>{productName}</p>
-      <div style={{ height: '6px' }} />
-      <p className={reviewContent}>{content}</p>
+      <Text color="sub" size="caption2" weight="semiBold">
+        {productName}
+      </Text>
+      <div style={{ height: '4px' }} />
+      <Text color="info" size="caption4" className={reviewContent}>
+        {content}
+      </Text>
       <div style={{ height: '10px' }} />
       <ul className={tagList}>
         {tagToDisplay.map(({ id, name }) => (
diff --git a/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts b/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts
index ff81562b..72d65c24 100644
--- a/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts
+++ b/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts
@@ -10,15 +10,7 @@ export const reviewImage = style({
   aspectRatio: '164 / 90',
 });
 
-export const reviewTitle = style({
-  fontSize: 13,
-  fontWeight: 600,
-  color: '#3d3d3d',
-});
-
 export const reviewContent = style({
-  fontSize: 11,
-  color: '#808080',
   display: '-webkit-inline-box',
   textOverflow: 'ellipsis',
   overflow: 'hidden',