diff --git a/fe/src/pages/MainPage/TransactionDateList.tsx b/fe/src/pages/MainPage/TransactionDateList.tsx
index 1e474e22..7b664450 100644
--- a/fe/src/pages/MainPage/TransactionDateList.tsx
+++ b/fe/src/pages/MainPage/TransactionDateList.tsx
@@ -7,6 +7,7 @@ import {
 } from 'stores/Transaction/transactionStoreUtils';
 import { observer } from 'mobx-react-lite';
 import * as types from 'types';
+import dateUtil from 'utils/date';
 
 const TransactionDateList = ({
   list,
@@ -29,12 +30,14 @@ const TransactionDateList = ({
       transactionList,
     );
     return (
-      <TransactionList
-        key={date}
-        date={new Date(date)}
-        onClick={onClick}
-        transactionList={formattedTransactionList}
-      />
+      <>
+        <TransactionList
+          key={date}
+          date={new Date(dateUtil.addZero(date))}
+          onClick={onClick}
+          transactionList={formattedTransactionList}
+        />
+      </>
     );
   };
 
diff --git a/fe/src/utils/date.ts b/fe/src/utils/date.ts
index 6a9e2192..83857b76 100644
--- a/fe/src/utils/date.ts
+++ b/fe/src/utils/date.ts
@@ -73,4 +73,10 @@ export default {
       absoluteTargetDate <= absoluteEndDate
     );
   },
+  addZero(str: string) {
+    const [year, month, date] = str.split('-');
+    return `${year}-${month.length === 1 ? `0${month}` : month}-${
+      date.length === 1 ? `0${date}` : date
+    }`;
+  },
 };