diff --git a/src/layout/RoutesSuite.tsx b/src/layout/RoutesSuite.tsx
index 575e5086..514f4f33 100644
--- a/src/layout/RoutesSuite.tsx
+++ b/src/layout/RoutesSuite.tsx
@@ -11,6 +11,7 @@ import MountAccessComponent from '../views/access/MountAccessComponent'
 import Create from '../views/create/Create'
 import ExplorerApp from '../views/explorer/ExplorerApp'
 import LandingPage from '../views/landing/LandingPage'
+import Legal from '../views/legal/Legal'
 import LoginPage from '../views/login/LoginPage'
 import Partners from '../views/partners'
 import CreatedOffers from '../views/partners/CreatedOffers'
@@ -113,6 +114,7 @@ export default function RoutesSuite() {
                 </Route>
                 <Route path="/login" element={<LoginPage />} />
                 <Route path="/create" element={<Create />} />
+                <Route path="/legal" element={<Legal />} />
                 <Route path="/access" element={<AccessLayout />}>
                     <Route path="keystore" element={<MountAccessComponent type="Keystore" />} />
                     <Route path="mnemonic" element={<MountAccessComponent type="Mnemonic" />} />
diff --git a/src/views/legal/Legal.tsx b/src/views/legal/Legal.tsx
new file mode 100644
index 00000000..ecc5a633
--- /dev/null
+++ b/src/views/legal/Legal.tsx
@@ -0,0 +1,31 @@
+import React, { useEffect, useRef } from 'react'
+import { mountLegal } from 'wallet/mountLegal'
+
+const LoadLegal = () => {
+    const ref = useRef(null)
+    useEffect(() => {
+        mountLegal(ref.current)
+    }, [])
+
+    return (
+        <div
+            style={{
+                display: 'flex',
+                width: '100%',
+                height: '100%',
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}
+        >
+            <div ref={ref} />
+        </div>
+    )
+}
+
+export default function Legal() {
+    return (
+        <React.Suspense fallback={<div>Loading...</div>}>
+            <LoadLegal />
+        </React.Suspense>
+    )
+}