diff --git a/src/pages/error/Error.module.css b/src/pages/error/Error.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/error/index.tsx b/src/pages/error/Error.tsx
similarity index 81%
rename from src/pages/error/index.tsx
rename to src/pages/error/Error.tsx
index 96d667c..ed12866 100644
--- a/src/pages/error/index.tsx
+++ b/src/pages/error/Error.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import styles from "./Error.module.css";
 
 export const ErrorPage: React.FC<any> = () => {
   return (
diff --git a/src/pages/error/index.ts b/src/pages/error/index.ts
new file mode 100644
index 0000000..3479ac1
--- /dev/null
+++ b/src/pages/error/index.ts
@@ -0,0 +1 @@
+export * from "./Error";
\ No newline at end of file
diff --git a/src/pages/index.ts b/src/pages/index.ts
index 324e145..493b21e 100644
--- a/src/pages/index.ts
+++ b/src/pages/index.ts
@@ -1,3 +1,4 @@
 export * from "./home";
 export * from "./login";
-export * from "./dashboard";
\ No newline at end of file
+export * from "./dashboard";
+export * from "./error";
\ No newline at end of file
diff --git a/src/router/routes.tsx b/src/router/routes.tsx
index a3681d4..e353e9f 100644
--- a/src/router/routes.tsx
+++ b/src/router/routes.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { RouteObject } from "react-router-dom";
-import { Login, HomePage, Dashboard } from "../pages";
+import { Login, HomePage, Dashboard, ErrorPage } from "../pages";
 
 const routes: RouteObject[] = [
   {
@@ -17,6 +17,10 @@ const routes: RouteObject[] = [
     path: "/login",
     element: <Login />,
   },
+  {
+    path: "*",
+    element: <ErrorPage />,
+  },
 ];
 
 export default routes;