diff --git a/src/main.jsx b/src/main.jsx
index b1c86c9..3f27c52 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -14,6 +14,7 @@ import LockerStatus from "./pages/LockerStatus.jsx";
 import KeySwap from "./pages/KeySwap.jsx";
 import ChargeManagement from "./pages/ChargeManagement.jsx";
 import ChargeEdit from "./pages/ChargeEdit.jsx";
+import Placeholder from "./pages/Placeholder.jsx";
 
 
 const router = createBrowserRouter([
@@ -60,6 +61,10 @@ const router = createBrowserRouter([
       {
         path: "operation/charge-management/change",
         element: <ChargeEdit />,
+      },
+      {
+        path: "operation/check-in-out",
+        element: <Placeholder />
       }
     ],
   },
diff --git a/src/pages/Placeholder.jsx b/src/pages/Placeholder.jsx
index 5eca5b9..0366c95 100644
--- a/src/pages/Placeholder.jsx
+++ b/src/pages/Placeholder.jsx
@@ -1,7 +1,7 @@
 function Placeholder() {
   return (
-    <div className="flex justify-center items-center h-full">
-      <p className="text-3xl text-primary">Placeholder</p>
+    <div className="text-center h-full">
+      <p className="text-3xl text-primary font-bold">Placeholder</p>
     </div>
   );
 }