From ea1114693b4b811735ae3a1d773b53b75e34d3d2 Mon Sep 17 00:00:00 2001
From: Karishma <carishmashukla28@gmail.com>
Date: Wed, 5 Nov 2025 23:44:30 +0530
Subject: [PATCH] Revert "fix: recorder ui bug "

---
 src/components/recorder/RightSidePanel.tsx | 19 ++-----------------
 src/pages/RecordingPage.tsx                |  2 +-
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx
index de0dfcb02..e22ab08bb 100644
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -534,24 +534,9 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const isDarkMode = theme.darkMode;
 
   return (
-    <Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit', overflow: 'hidden' }} id="browser-actions" elevation={0}>
+    <Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit' }} id="browser-actions" elevation={0}>
       <ActionDescriptionBox isDarkMode={isDarkMode} />
-      <Box
-        display="flex"
-        flexDirection="column"
-        gap={2}
-        style={{ margin: '13px' }}
-        sx={{
-          height: 'calc(100% - 26px)',
-          overflowY: 'auto',
-          overflowX: 'hidden',
-          '&::-webkit-scrollbar': {
-            display: 'none'
-          },
-          msOverflowStyle: 'none',
-          scrollbarWidth: 'none'
-        }}
-      >
+      <Box display="flex" flexDirection="column" gap={2} style={{ margin: '13px' }}>
         {!isAnyActionActive && (
           <>
             {showCaptureList && (
diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index b5810a844..6e3624713 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -157,7 +157,7 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
             <>
               <Grid container direction="row" style={{ flexGrow: 1, height: '100%' }}>
                 <Grid item xs={12} md={9} lg={9} style={{ height: '100%', overflow: 'hidden', position: 'relative' }}>
-                  <div style={{ height: '100%', overflow: 'hidden' }}>
+                  <div style={{ height: '100%', overflow: 'auto' }}>
                     <BrowserContent />
                     <InterpretationLog isOpen={showOutputData} setIsOpen={setShowOutputData} />
                   </div>