diff --git a/src/pages/Home/HomePage.jsx b/src/pages/Home/HomePage.jsx
index e1c9849..2afe88c 100644
--- a/src/pages/Home/HomePage.jsx
+++ b/src/pages/Home/HomePage.jsx
@@ -1,6 +1,6 @@
 import styles from "./HomePage.module.css";
-import Calendar from "../../components/homePage/calendar.jsx";
-import EventList from "../../components/homePage/eventList.jsx";
+import Calendar from "./components/Calendar/calendar.jsx";
+import EventList from "./components/EventList/eventList.jsx";
 import { useState, useEffect } from "react";
 import getAllEvents from "../../utils/events/getAllEvents.js";
 
diff --git a/src/components/homePage/calendar.jsx b/src/pages/Home/components/Calendar/calendar.jsx
similarity index 98%
rename from src/components/homePage/calendar.jsx
rename to src/pages/Home/components/Calendar/calendar.jsx
index faab865..2f6411e 100644
--- a/src/components/homePage/calendar.jsx
+++ b/src/pages/Home/components/Calendar/calendar.jsx
@@ -1,6 +1,6 @@
 import { useState, useMemo, useEffect } from "react";
 import styles from "./calendar.module.css";
-import { formatDateLetterJS } from "../../utils/date/formatDateLetter.js";
+import { formatDateLetterJS } from "../../../../utils/date/formatDateLetter.js";
 
 function Calendar({ events = [] }) {
 
diff --git a/src/components/homePage/calendar.module.css b/src/pages/Home/components/Calendar/calendar.module.css
similarity index 100%
rename from src/components/homePage/calendar.module.css
rename to src/pages/Home/components/Calendar/calendar.module.css
diff --git a/src/components/homePage/eventItem.jsx b/src/pages/Home/components/EventList/eventItem.jsx
similarity index 92%
rename from src/components/homePage/eventItem.jsx
rename to src/pages/Home/components/EventList/eventItem.jsx
index 3540857..a65f3ee 100644
--- a/src/components/homePage/eventItem.jsx
+++ b/src/pages/Home/components/EventList/eventItem.jsx
@@ -1,5 +1,5 @@
 import styles from "./eventList.module.css";
-import { formatDateLetter } from "../../utils/date/formatDateLetter.js";
+import { formatDateLetter } from "../../../../utils/date/formatDateLetter.js";
 import { useState } from "react";
 
 export default function EventItem({ eventGroup }) {
diff --git a/src/components/homePage/eventList.jsx b/src/pages/Home/components/EventList/eventList.jsx
similarity index 95%
rename from src/components/homePage/eventList.jsx
rename to src/pages/Home/components/EventList/eventList.jsx
index 66ff366..c03ccdd 100644
--- a/src/components/homePage/eventList.jsx
+++ b/src/pages/Home/components/EventList/eventList.jsx
@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import styles from "./eventList.module.css";
-import EventItem from "./eventItem";
+import EventItem from "./eventItem.jsx";
 
 
 function EventList({ events }) {
diff --git a/src/components/homePage/eventList.module.css b/src/pages/Home/components/EventList/eventList.module.css
similarity index 100%
rename from src/components/homePage/eventList.module.css
rename to src/pages/Home/components/EventList/eventList.module.css