diff --git a/ui/src/pages/403/index.tsx b/ui/src/pages/403/index.tsx
new file mode 100644
index 00000000..ebef9045
--- /dev/null
+++ b/ui/src/pages/403/index.tsx
@@ -0,0 +1,7 @@
+import { HttpErrorContent } from '@/components';
+
+const Index = () => {
+  return <HttpErrorContent httpCode="403" />;
+};
+
+export default Index;
diff --git a/ui/src/router/routes.ts b/ui/src/router/routes.ts
index 7407dce2..c63cbff0 100644
--- a/ui/src/router/routes.ts
+++ b/ui/src/router/routes.ts
@@ -394,6 +394,10 @@ const routes: RouteNode[] = [
         path: '50x',
         page: 'pages/50X',
       },
+      {
+        path: '403',
+        page: 'pages/403',
+      },
     ],
   },
   {