diff --git a/src/new-frontend/src/App.tsx b/src/new-frontend/src/App.tsx
index db440f5..958baf1 100644
--- a/src/new-frontend/src/App.tsx
+++ b/src/new-frontend/src/App.tsx
@@ -1,5 +1,6 @@
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
+import Layout from './pages/Layout';
 import Login from './pages/auth/Login';
 import RecoverPassword from './pages/auth/RecoverPassword';
 
@@ -9,6 +10,8 @@ function App() {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/recover-password" element={<RecoverPassword />} />
+        <Route element={<Layout />}>
+        </Route>
       </Routes>
     </BrowserRouter>
   )
diff --git a/src/new-frontend/src/pages/Layout.tsx b/src/new-frontend/src/pages/Layout.tsx
index 80e78f1..bbf1087 100644
--- a/src/new-frontend/src/pages/Layout.tsx
+++ b/src/new-frontend/src/pages/Layout.tsx
@@ -1,12 +1,13 @@
+import { Outlet } from 'react-router-dom';
 import Sidebar from '../components/Sidebar';
 
 import { Flex } from '@chakra-ui/react';
 
-const Layout = ({ children }: { children: React.ReactNode }) => {
+const Layout = () => {
     return (
         <Flex maxW="large" h="auto" position="relative">
             <Sidebar />
-            {children}
+            <Outlet />
         </Flex>
     );
 };