diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 91ccb49b..dac908ed 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -106,26 +106,26 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
 
   return (
     <ActionProvider>
-    <div>
-      {isLoaded ?
-        <Grid container direction="row" spacing={0}>
-          <Grid item xs={2} ref={workflowListRef} style={{ display: "flex", flexDirection: "row" }}>
-            <LeftSidePanel
-              sidePanelRef={workflowListRef.current}
-              alreadyHasScrollbar={hasScrollbar}
-              recordingName={recordingName ? recordingName : ''}
-              handleSelectPairForEdit={handleSelectPairForEdit}
-            />
-          </Grid> 
-          <Grid id="browser-content" ref={browserContentRef} item xs>
-            <BrowserContent />
+      <div>
+        {isLoaded ?
+          <Grid container direction="row" spacing={0}>
+            <Grid item xs={2} ref={workflowListRef} style={{ display: "flex", flexDirection: "row" }}>
+              <LeftSidePanel
+                sidePanelRef={workflowListRef.current}
+                alreadyHasScrollbar={hasScrollbar}
+                recordingName={recordingName ? recordingName : ''}
+                handleSelectPairForEdit={handleSelectPairForEdit}
+              />
+            </Grid>
+            <Grid id="browser-content" ref={browserContentRef} item xs>
+              <BrowserContent />
+            </Grid>
+            <Grid item xs={2}>
+              <RightSidePanel pairForEdit={pairForEdit} />
+            </Grid>
           </Grid>
-          <Grid item xs={2}>
-            <RightSidePanel pairForEdit={pairForEdit} />
-          </Grid> 
-        </Grid>
-        : <Loader />}
-    </div>
+          : <Loader />}
+      </div>
     </ActionProvider>
   );
 };