diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 353acef..683b45a 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -9,6 +9,7 @@ import { ProtectedRoute } from "./components/ProtectedRoute";
 import { TabloPage } from "./pages/tablo";
 import { SessionProvider } from "./contexts/SessionContext";
 import { OAuthSigninPage } from "./pages/oauth-signin";
+import { NotFoundPage } from "./pages/NotFoundPage";
 
 export const App = () => {
   return (
@@ -35,6 +36,7 @@ export const App = () => {
               <Route path="/login" element={<LoginPage />} />
               <Route path="/signup" element={<SignUpPage />} />
               <Route path="/reset-password" element={<ResetPasswordPage />} />
+              <Route path="*" element={<NotFoundPage />} />
             </Routes>
             <style>
               {`