From 29146da57e884cc6228cb653e75cc2e6b1f4ba72 Mon Sep 17 00:00:00 2001
From: Rohit Rajan <rohit.rajan031101@gmail.com>
Date: Mon, 27 Oct 2025 17:48:28 +0530
Subject: [PATCH 1/2] fix: hide overflow

---
 src/pages/RecordingPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 6e3624713..b5810a844 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: 'auto' }}>
+                  <div style={{ height: '100%', overflow: 'hidden' }}>
                     <BrowserContent />
                     <InterpretationLog isOpen={showOutputData} setIsOpen={setShowOutputData} />
                   </div>

From e0b5103374840195d7777bb028b5eb602a6edd25 Mon Sep 17 00:00:00 2001
From: Rohit Rajan <rohit.rajan031101@gmail.com>
Date: Mon, 3 Nov 2025 22:26:53 +0530
Subject: [PATCH 2/2] fix: hide right side panel scrollbar

---
 src/components/recorder/RightSidePanel.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx
index e22ab08bb..de0dfcb02 100644
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -534,9 +534,24 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const isDarkMode = theme.darkMode;
 
   return (
-    <Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit' }} id="browser-actions" elevation={0}>
+    <Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit', overflow: 'hidden' }} id="browser-actions" elevation={0}>
       <ActionDescriptionBox isDarkMode={isDarkMode} />
-      <Box display="flex" flexDirection="column" gap={2} style={{ margin: '13px' }}>
+      <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'
+        }}
+      >
         {!isAnyActionActive && (
           <>
             {showCaptureList && (