diff --git a/app/auth/page.tsx b/app/auth/page.tsx
index a2c23d8..6a13db1 100644
--- a/app/auth/page.tsx
+++ b/app/auth/page.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import { useState } from "react";
-import EmployeeSignUpForm from "@/components/employee/signup/page";
-import EmployeeLoginForm from "@/components/employee/login/page";
-import OrganizationSignUpForm from "@/components/organization/signup/page";
-import OrganizationLoginForm from "@/components/organization/login/page";
+import EmployeeSignUpForm from "@/components/employee/signup/SignupForm";
+import EmployeeLoginForm from "@/components/employee/login/LoginForm";
+import OrganizationSignUpForm from "@/components/organization/signup/SignupForm";
+import OrganizationLoginForm from "@/components/organization/login/LoginForm";
 
 export default function Auth() {
   const [activeTab, setActiveTab] = useState("signup");