diff --git a/src/pages/PageWrappper.tsx b/src/pages/PageWrappper.tsx
index f77ff063..a94d9dda 100644
--- a/src/pages/PageWrappper.tsx
+++ b/src/pages/PageWrappper.tsx
@@ -8,6 +8,8 @@ import { MainPage } from "./MainPage";
 import { useGlobalInfoStore } from "../context/globalInfo";
 import { getActiveBrowserId } from "../api/recording";
 import { AlertSnackbar } from "../components/atoms/AlertSnackbar";
+import Login from './Login';
+import Register from './Register';
 import { Routes, Route, useNavigate } from 'react-router-dom';
 
 export const PageWrapper = () => {
@@ -68,6 +70,14 @@ export const PageWrapper = () => {
                   </BrowserDimensionsProvider>
                 }
               />
+              <Route
+                path="/login"
+                element={<Login />}
+              />
+              <Route
+                path="/register"
+                element={<Register />}
+              />
             </Routes>
           </React.Fragment>
         </SocketProvider>