diff --git a/assets/js/trento.jsx b/assets/js/trento.jsx
index e08aaec7f0..5163ad2def 100644
--- a/assets/js/trento.jsx
+++ b/assets/js/trento.jsx
@@ -30,6 +30,7 @@ import { me } from '@lib/auth';
 import { networkClient } from '@lib/network';
 import Guard from '@components/Guard';
 import CheckResultDetailPage from '@components/ExecutionResults/CheckResultDetail';
+import HostSettings from '@components/HostSettings';
 import DatabaseDetails from './components/DatabaseDetails';
 import SapSystemDetails from './components/SapSystemDetails/SapSystemDetails';
 import { store } from './state';
@@ -59,6 +60,10 @@ function App() {
                 <Route element={<Layout />}>
                   <Route index element={<Home />} />
                   <Route index path="hosts" element={<HostsList />} />
+                  <Route
+                    path="hosts/:hostID/settings"
+                    element={<HostSettings />}
+                  />
                   <Route path="clusters" element={<ClustersList />} />
                   <Route path="sap_systems" element={<SapSystemsOverview />} />
                   <Route path="databases" element={<DatabasesOverview />} />