diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index e757361..b11b9d0 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,13 +1,13 @@
 import React from "react";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Login from "./Login";
-import Home from "./pages/admin/Home";
+import Home from "./pages/generation/Home";
 import Assignment from "./pages/generation/Assignment";
 import Deposit from "./pages/generation/Deposit";
 import Intro from "./Intro";
 import Admin from "./pages/admin/Admin";
-import MagageStudent from "./pages/admin/MagageStudent";
-import MagageTask from "./pages/admin/MagageTask";
+import MagageStudent from "./pages/admin/ManageStudent.jsx";
+import ManageTask from "./pages/admin/ManageTask.jsx";
 import AttendanceCode from "./pages/admin/AttendanceCode";
 import Attendance from "./pages/generation/Attendance";
 
@@ -23,7 +23,7 @@ function App() {
         <Route path="/deposit" element={<Deposit />} />
         <Route path="/admin" element={<Admin />} />
         <Route path="/magagestudent" element={<MagageStudent />} />
-        <Route path="/magagetask" element={<MagageTask />} />
+        <Route path="/magagetask" element={<ManageTask />} />
         <Route path="/attendancecode" element={<AttendanceCode />} />
       </Routes>
     </BrowserRouter>
diff --git a/frontend/src/pages/admin/Admin.jsx b/frontend/src/pages/admin/Admin.jsx
index 2223673..fa42daf 100644
--- a/frontend/src/pages/admin/Admin.jsx
+++ b/frontend/src/pages/admin/Admin.jsx
@@ -1,5 +1,5 @@
 import { useNavigate } from "react-router-dom";
-import styles from "../generation/Home.module.css";
+import styles from "./Admin.module.css";
 
 const Admin = () => {
   const navigate = useNavigate();
diff --git a/frontend/src/pages/admin/Admin.module.css b/frontend/src/pages/admin/Admin.module.css
new file mode 100644
index 0000000..760d1d9
--- /dev/null
+++ b/frontend/src/pages/admin/Admin.module.css
@@ -0,0 +1,50 @@
+.home {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  overflow: hidden;
+  font-family: "Akira Expanded";
+}
+.pirocheck {
+  margin-top: 84px;
+  font-size: 1.25rem;
+  margin-bottom: 103px;
+}
+.home_container {
+  background-color: var(--background-black);
+  color: var(--main-green);
+  font-family: "Cafe24Moyamoya-Regular-v1.0", sans-serif;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.button {
+  width: 309px;
+  height: 81px;
+  border-radius: 8px;
+  background-color: var(--border-gray);
+  color: var(--text-white);
+  font-family: "Akira Expanded";
+  font-weight: 400;
+  font-size: 16px;
+  border: none;
+  padding: 29px 103px;
+  font-weight: bold;
+  margin-bottom: 26px;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+}
+.button p {
+  text-align: start;
+}
+.button:hover {
+  background-color: var(--card-toggle-green);
+  color: var(--text-white);
+}
+.home img {
+  position: relative;
+  opacity: 0.8;
+  bottom: 11%;
+  z-index: 0;
+}
diff --git a/frontend/src/pages/generation/Home.module.css b/frontend/src/pages/generation/Home.module.css
index 9cdf1de..436f3ed 100644
--- a/frontend/src/pages/generation/Home.module.css
+++ b/frontend/src/pages/generation/Home.module.css
@@ -5,10 +5,10 @@
   align-items: center;
   justify-content: flex-start;
   overflow: hidden;
-  font-family: 'Akira Expanded';
+  font-family: "Akira Expanded";
 }
 .pirocheck {
-  margin-top: 43px;
+  margin-top: 84px;
   font-size: 1.25rem;
   margin-bottom: 103px;
 }
@@ -24,10 +24,10 @@
   border-radius: 8px;
   background-color: var(--border-gray);
   color: var(--text-white);
-  font-family: 'Akira Expanded';
+  font-family: "Akira Expanded";
   font-weight: 400;
   font-size: 16px;
-  border: 1px var(--background-black) solid;
+  border: none;
   padding: 15px;
   font-weight: bold;
   margin-bottom: 26px;
@@ -43,6 +43,6 @@
 .home img {
   position: relative;
   opacity: 0.8;
-  top: -92px;
+  bottom: -2%;
   z-index: 0;
 }