diff --git a/src/pages/PageWrappper.tsx b/src/pages/PageWrappper.tsx
index 2b34e58c..4eb5c693 100644
--- a/src/pages/PageWrappper.tsx
+++ b/src/pages/PageWrappper.tsx
@@ -49,29 +49,29 @@ export const PageWrapper = () => {
     <div>
       <AuthProvider>
         <SocketProvider>
-          <React.Fragment>
-            <NavBar recordingName={recordingName} isRecording={!!browserId} />
+            <React.Fragment>
+            {!browserId && <NavBar recordingName={recordingName} isRecording={!!browserId} />}
             <Routes>
               <Route element={<UserRoute />}>
-                <Route path="/" element={<MainPage handleEditRecording={handleEditRecording} />} />
+              <Route path="/" element={<MainPage handleEditRecording={handleEditRecording} />} />
               </Route>
               <Route element={<UserRoute />}>
-                <Route path="/recording" element={
-                  <BrowserDimensionsProvider>
-                    <RecordingPage recordingName={recordingName} />
-                  </BrowserDimensionsProvider>
-                } />
+              <Route path="/recording" element={
+                <BrowserDimensionsProvider>
+                <RecordingPage recordingName={recordingName} />
+                </BrowserDimensionsProvider>
+              } />
               </Route>
               <Route
-                path="/login"
-                element={<Login />}
+              path="/login"
+              element={<Login />}
               />
               <Route
-                path="/register"
-                element={<Register />}
+              path="/register"
+              element={<Register />}
               />
             </Routes>
-          </React.Fragment>
+            </React.Fragment>
         </SocketProvider>
       </AuthProvider>
       {isNotification() ?