diff --git a/components/calender/Day.tsx b/components/calender/Day.tsx
index a7088a9..c6a3ddc 100644
--- a/components/calender/Day.tsx
+++ b/components/calender/Day.tsx
@@ -1,5 +1,5 @@
 import { Box, Text } from "@chakra-ui/react";
-import { add, getYear, getMonth, sub, getDate } from "date-fns";
+import { add, getYear, getMonth, sub, getDate,format } from "date-fns";
 import router from "next/router";
 import React, { Fragment } from "react";
 import AddSticker from "./modals/AddSticker";
@@ -19,7 +19,7 @@ const Day = (
           border={isOverflow ? "2px solid #181d8f" : "2px solid #0068ff"}
           w="100%"
           h="100%"
-          key={date}
+          key={format(date, "P")}
           {...(isOverflow && {
             _hover: {
               cursor: "pointer"
diff --git a/data/stickerSeeder.ts b/data/stickerSeeder.ts
index 3e8fdc0..3c7e88c 100644
--- a/data/stickerSeeder.ts
+++ b/data/stickerSeeder.ts
@@ -1,4 +1,4 @@
-import { getDaysInMonth, getYear, getMonth, isBefore, setDate } from "date-fns";
+import { getDaysInMonth, isBefore, setDate } from "date-fns";
 
 /**
  * This seeder is to simulate the date and sticker info from the database.