diff --git a/src/components/form/form.jsx b/src/components/loginform/form.jsx
similarity index 98%
rename from src/components/form/form.jsx
rename to src/components/loginform/form.jsx
index 18e31f7..fa72f43 100644
--- a/src/components/form/form.jsx
+++ b/src/components/loginform/form.jsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import login from "../../utils/login.js";
 import getUser from "../../utils/getUser.js";
-import styles from "./form.module.css";
+import styles from "./loginForm.module.css";
 import Button from "../ui/button/button.jsx";
 import Input from "../ui/input/input.jsx";
 import { useNavigate } from "react-router";
diff --git a/src/components/form/form.module.css b/src/components/loginform/loginForm.module.css
similarity index 100%
rename from src/components/form/form.module.css
rename to src/components/loginform/loginForm.module.css
diff --git a/src/pages/Login/LoginPage.jsx b/src/pages/Login/LoginPage.jsx
index eca8559..2a08696 100644
--- a/src/pages/Login/LoginPage.jsx
+++ b/src/pages/Login/LoginPage.jsx
@@ -1,5 +1,5 @@
 import styles from "./LoginPage.module.css";
-import LoginForm from "../../components/form/form.jsx";
+import LoginForm from "../../components/loginform/form.jsx";
 import Background from "../../components/background/background.jsx";
 
 function LoginPage() {