From 227c86db75ec92e10803f44a80d44ae5c83a7efa Mon Sep 17 00:00:00 2001
From: Bokdol11859 <2019147551@yonsei.ac.kr>
Date: Sat, 2 Mar 2024 13:19:47 +0900
Subject: [PATCH] fix: design qa

---
 src/app/(main)/report/_components/monthly-dividend.tsx          | 2 +-
 .../report/dividend/monthly/_components/dividend-accordion.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/report/_components/monthly-dividend.tsx b/src/app/(main)/report/_components/monthly-dividend.tsx
index 538bfad..81cef8d 100644
--- a/src/app/(main)/report/_components/monthly-dividend.tsx
+++ b/src/app/(main)/report/_components/monthly-dividend.tsx
@@ -57,7 +57,7 @@ export const MonthlyDividend = React.memo(({ data }: MonthlyDividendProps) => {
   }, [halfToggleState, monthlyDividends]);
 
   return (
-    <div className="flex flex-col gap-6 p-5 pb-8">
+    <div className="flex flex-col gap-6 p-5 py-8">
       <div className="flex w-full flex-col items-start  gap-y-0.5">
         <p className=" text-h5 text-grey-600">Average Monthly Dividend Income</p>
         <p className=" text-h1 text-grey-900">{`$${(averageDividendIncome / 12).toFixed(2)}`}</p>
diff --git a/src/app/(main)/report/dividend/monthly/_components/dividend-accordion.tsx b/src/app/(main)/report/dividend/monthly/_components/dividend-accordion.tsx
index 8625c18..9a7775a 100644
--- a/src/app/(main)/report/dividend/monthly/_components/dividend-accordion.tsx
+++ b/src/app/(main)/report/dividend/monthly/_components/dividend-accordion.tsx
@@ -46,7 +46,7 @@ export const DividendAccordion = ({ monthlyDividendList }: { monthlyDividendList
             className={cn("rounded-lg border border-grey-200 p-5")}
           >
             <AccordionTrigger>
-              <div className={cn("flex w-full items-center justify-between", isOpenable && "pr-5")}>
+              <div className={cn("flex w-full items-center justify-between", isOpenable && "pr-3")}>
                 <p className=" text-h4 text-grey-900">{`${month}${year}`}</p>
                 <p className=" text-h4 text-grey-900">${monthDividend.totalDividend.toFixed(2)}</p>
               </div>