From 50b2adca9fcf4e3b600981bf44f3bde532b5139f Mon Sep 17 00:00:00 2001
From: dongree <dongwoo0307@naver.com>
Date: Fri, 20 Oct 2023 13:48:31 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20pie=20chart=20ui=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/me/MeTagsContainer.tsx | 2 +-
 src/components/me/StatsInfo.tsx       | 2 +-
 src/components/shared/PieChart.tsx    | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/me/MeTagsContainer.tsx b/src/components/me/MeTagsContainer.tsx
index d109c2fc..d1cf2772 100644
--- a/src/components/me/MeTagsContainer.tsx
+++ b/src/components/me/MeTagsContainer.tsx
@@ -15,7 +15,7 @@ export default function MeTagsContainer({
   isLogin,
 }: Props) {
   return (
-    <div className="my-10">
+    <div className="mt-10">
       <div className="flex flex-wrap justify-center items-center mx-10 sm:text-2xl font-bold">
         <span>{userInfo.nickname}님은</span>
         <TagView
diff --git a/src/components/me/StatsInfo.tsx b/src/components/me/StatsInfo.tsx
index 98619a53..447c4510 100644
--- a/src/components/me/StatsInfo.tsx
+++ b/src/components/me/StatsInfo.tsx
@@ -22,7 +22,7 @@ export default function StatsInfo({ userStats }: Props) {
   return (
     <div className="flex flex-col sm:flex-row justify-center items-center w-full gap-8">
       <PieChart userStats={userStats} />
-      <ul className="text-soma-grey-70">
+      <ul className="text-soma-grey-70 font-medium">
         <li>
           메모를 총{' '}
           <span className={countStyle}>{memoScoreAndCount.count}개</span>{' '}
diff --git a/src/components/shared/PieChart.tsx b/src/components/shared/PieChart.tsx
index 5d517f56..8c39e95f 100644
--- a/src/components/shared/PieChart.tsx
+++ b/src/components/shared/PieChart.tsx
@@ -34,7 +34,7 @@ export default function PieChart({
     ],
     datasets: [
       {
-        label: 'of Percentage',
+        label: '(%)',
         data: [
           memoPercent * 100,
           questionPercent * 100,
@@ -53,7 +53,7 @@ export default function PieChart({
           'rgba(255, 235, 224, 1)',
           'rgba(228, 237, 253, 1)',
         ],
-        borderColor: ['rgba(0, 0, 0, 0.7)'],
+        borderColor: ['rgba(0, 0, 0, 1)'],
         borderWidth: 1.5,
       },
     ],
@@ -62,6 +62,7 @@ export default function PieChart({
   return (
     <Pie
       data={data}
+      height={300}
       options={{
         responsive: false,
         plugins: { legend: { position: 'right' } },