diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 303b6a0c..5df7903b 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -225,15 +225,17 @@ export const RightSidePanel = () => {
           </Box>
         )}
 
-        {showPaginationSelector && (
-          <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}>
-            <Typography>Please select the pagination element on the page</Typography>
-            <Button variant="contained" onClick={handleStartPaginationSelection}>Start Selection</Button>
-            {paginationSelector && (
-              <Typography>Selected pagination element: {paginationSelector}</Typography>
-            )}
-          </Box>
-        )}
+{showPaginationSelector && (
+        <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}>
+          <Typography>Please select the pagination element on the page</Typography>
+          <Button variant="contained" onClick={handleStartPaginationSelection} disabled={isSelectingPagination}>
+            {isSelectingPagination ? 'Selecting...' : 'Start Selection'}
+          </Button>
+          {paginationSelector && (
+            <Typography>Selected pagination element: {paginationSelector}</Typography>
+          )}
+        </Box>
+      )}
 
         {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
         {getText &&