diff --git a/frontend/src/components/Home.css b/frontend/src/components/Home/Home.css
similarity index 100%
rename from frontend/src/components/Home.css
rename to frontend/src/components/Home/Home.css
diff --git a/frontend/src/components/Home.js b/frontend/src/components/Home/Home.js
similarity index 100%
rename from frontend/src/components/Home.js
rename to frontend/src/components/Home/Home.js
diff --git a/frontend/src/components/Login.css b/frontend/src/components/Login/Login.css
similarity index 100%
rename from frontend/src/components/Login.css
rename to frontend/src/components/Login/Login.css
diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login/Login.js
similarity index 96%
rename from frontend/src/components/Login.js
rename to frontend/src/components/Login/Login.js
index dbed9c8bb682768eb338ab8d897622d14462da75..a1ec39d81afaa2ef28dcde5293de7c01f65c93e3 100644
--- a/frontend/src/components/Login.js
+++ b/frontend/src/components/Login/Login.js
@@ -3,7 +3,7 @@ import user_icon from "./assets/person.png";
 import React, { useContext, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import Cookies from "js-cookie";
-import { UserContext } from "../util/UserContext";
+import { UserContext } from "../../util/UserContext";
 import axios from "axios";
 
 function Login() {