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>