diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 0ef73628..a2ab0f02 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -19,7 +19,11 @@ import { SidePanelHeader } from '../molecules/SidePanelHeader';
 // 3. Add description for each browser step
 // 4. Handle non custom action steps
 
-export const RightSidePanel = () => {
+interface RightSidePanelProps {
+  onFinishCapture: () => void;
+}
+
+export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture }) => {
   const [textLabels, setTextLabels] = useState<{ [id: number]: string }>({});
   const [errors, setErrors] = useState<{ [id: number]: string }>({});
   const [confirmedTextSteps, setConfirmedTextSteps] = useState<{ [id: number]: boolean }>({});
diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 6c2ac5d9..31fce695 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -129,7 +129,7 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
                 <InterpretationLog />
               </Grid>
               <Grid item xs={2}>
-                <RightSidePanel />
+                <RightSidePanel onFinishCapture={handleShowOutputData} />
               </Grid>
             </Grid>
             : <Loader />}