diff --git a/src/components/dashboard/NotFound.tsx b/src/components/dashboard/NotFound.tsx
new file mode 100644
index 00000000..9b81acb0
--- /dev/null
+++ b/src/components/dashboard/NotFound.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+export function NotFoundPage() {
+  return (
+    <div style={{ textAlign: 'center' }}>
+      <h1>404 - Page Not Found</h1>
+      <p>Oops! This page does not exist.</p>
+      <a href="/" style={{ textDecoration: 'none' }}>Take me to the homepage</a>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/PageWrappper.tsx b/src/pages/PageWrappper.tsx
index d778c186..1e73f26a 100644
--- a/src/pages/PageWrappper.tsx
+++ b/src/pages/PageWrappper.tsx
@@ -12,7 +12,7 @@ import Login from './Login';
 import Register from './Register';
 import UserRoute from '../routes/userRoute';
 import { Routes, Route, useNavigate, Navigate } from 'react-router-dom';
-import { Runs } from '../components/run/Runs';
+import { NotFoundPage } from '../components/dashboard/NotFound';
 
 export const PageWrapper = () => {
   const [open, setOpen] = useState(false);
@@ -75,6 +75,7 @@ export const PageWrapper = () => {
                 path="/register"
                 element={<Register />}
               />
+              <Route path="*" element={<NotFoundPage />} />
             </Routes>
           </React.Fragment>
         </SocketProvider>