diff --git a/src/pages/PageWrappper.tsx b/src/pages/PageWrappper.tsx
index 975db578..cd0de1a4 100644
--- a/src/pages/PageWrappper.tsx
+++ b/src/pages/PageWrappper.tsx
@@ -18,17 +18,19 @@ export const PageWrapper = () => {
 
   const navigate = useNavigate();
 
-  const { browserId, setBrowserId, notification, recordingName, setRecordingName } = useGlobalInfoStore();
+  const { browserId, setBrowserId, notification, recordingName, setRecordingName, recordingId, setRecordingId } = useGlobalInfoStore();
 
   const handleNewRecording = () => {
     setBrowserId('new-recording');
     setRecordingName('');
+    setRecordingId('');
     navigate('/recording');
 
   }
 
-  const handleEditRecording = (fileName: string) => {
+  const handleEditRecording = (recordingId: string, fileName: string) => {
     setRecordingName(fileName);
+    setRecordingId(recordingId);
     setBrowserId('new-recording');
     navigate('/recording');