diff --git a/src/constants/route-paths.ts b/src/constants/route-paths.ts
index 26aeadec..11eb9339 100644
--- a/src/constants/route-paths.ts
+++ b/src/constants/route-paths.ts
@@ -39,3 +39,5 @@ export const CCHAIN = BASE_PATH + '/c-chain'
 export const XCHAIN = BASE_PATH + '/x-chain'
 
 export const PCHAIN = BASE_PATH + '/p-chain'
+
+export const TERMS_OF_USE_URL = 'https://camino.network/terms/'
\ No newline at end of file
diff --git a/src/layout/RoutesSuite.tsx b/src/layout/RoutesSuite.tsx
index 514f4f33..575e5086 100644
--- a/src/layout/RoutesSuite.tsx
+++ b/src/layout/RoutesSuite.tsx
@@ -11,7 +11,6 @@ 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'
@@ -114,7 +113,6 @@ 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
deleted file mode 100644
index ecc5a633..00000000
--- a/src/views/legal/Legal.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-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>
-    )
-}
diff --git a/src/views/login/LoginPage.tsx b/src/views/login/LoginPage.tsx
index 198073f2..02c387a4 100644
--- a/src/views/login/LoginPage.tsx
+++ b/src/views/login/LoginPage.tsx
@@ -1,12 +1,13 @@
+import { mdiFileKeyOutline, mdiListBoxOutline, mdiShieldKeyOutline } from '@mdi/js'
 import { Box, Button, Paper, Typography } from '@mui/material'
-import { Link, useNavigate } from 'react-router-dom'
 import React, { useEffect, useRef } from 'react'
-import { mdiFileKeyOutline, mdiListBoxOutline, mdiShieldKeyOutline } from '@mdi/js'
+import { Link, useNavigate } from 'react-router-dom'
 
-import { Grid } from '@mui/material'
 import Icon from '@mdi/react'
-import { mountAccounts } from 'wallet/mountAccounts'
+import { Grid } from '@mui/material'
 import { styled } from '@mui/material/styles'
+import { mountAccounts } from 'wallet/mountAccounts'
+import { TERMS_OF_USE_URL } from '../../constants/route-paths'
 
 const StyledExternalLink = styled('a')(({ theme }) => ({
     color: theme.palette.text.primary,
@@ -161,7 +162,7 @@ export default function LoginPage() {
                         <Typography variant="caption" color="text.secondary" textAlign="center">
                             By using this application, you agree to the&nbsp;
                             <StyledExternalLink
-                                href="/legal"
+                                href={TERMS_OF_USE_URL}
                                 target="_blank"
                                 rel="noopener noreferrer"
                                 style={{ textDecoration: 'none' }}