diff --git a/ui/src/pages/ErrorLayout.tsx b/ui/src/pages/ErrorLayout.tsx
new file mode 100644
index 00000000..94a6ba63
--- /dev/null
+++ b/ui/src/pages/ErrorLayout.tsx
@@ -0,0 +1,12 @@
+import { Outlet } from "react-router-dom";
+import { Layout } from "antd";
+
+const ErrorLayout = ({ children }: { children?: React.ReactNode }) => {
+  return (
+    <Layout className="h-screen">
+      <div className="relative">{children || <Outlet />}</div>
+    </Layout>
+  );
+};
+
+export default ErrorLayout;
diff --git a/ui/src/router.tsx b/ui/src/router.tsx
index 923f7f6f..a386c221 100644
--- a/ui/src/router.tsx
+++ b/ui/src/router.tsx
@@ -5,6 +5,7 @@ import AuthLayout from "./pages/AuthLayout";
 import CertificateList from "./pages/certificates/CertificateList";
 import ConsoleLayout from "./pages/ConsoleLayout";
 import Dashboard from "./pages/dashboard/Dashboard";
+import ErrorLayout from "./pages/ErrorLayout";
 import Login from "./pages/login/Login";
 import Settings from "./pages/settings/Settings";
 import SettingsAccount from "./pages/settings/SettingsAccount";
@@ -83,4 +84,17 @@ export const router = createHashRouter([
       },
     ],
   },
+  {
+    path: "*",
+    element: (
+      <ErrorLayout>
+        <div className="flex h-screen w-full flex-col items-center justify-center">
+          <div className="flex flex-wrap items-center justify-center gap-x-4 gap-y-2">
+            <h1>404</h1>
+            <h2>This page could not be found.</h2>
+          </div>
+        </div>
+      </ErrorLayout>
+    ),
+  },
 ]);
diff --git a/ui/src/declarations.d.ts b/ui/types/shims-antd.d.ts
similarity index 100%
rename from ui/src/declarations.d.ts
rename to ui/types/shims-antd.d.ts