feat: set position absolute

src/components/molecules/BrowserRecordingSave.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Paper, Grid, IconButton, Button } from '@mui/material';
+import { Paper, Grid, IconButton, Button, Box } from '@mui/material';
 import { SaveRecording } from "./SaveRecording";
 import { Circle, Add, Logout, Clear } from "@mui/icons-material";
 import { useGlobalInfoStore } from '../../context/globalInfo';
@@ -26,11 +26,11 @@ const BrowserRecordingSave = () => {
                 <div style={{
                      marginLeft: '10px',
                      color: 'white',
-                 position: 'fixed',
+                     position: 'absolute',
                      background: '#ff00c3',
                      border: 'none',
                      padding: '7.5px',
-                 width: '100%',
+                     width: 'calc(100% - 20px)',  // Ensure it takes full width but with padding
                      bottom: 0,
                      overflow: 'hidden',
                      display: 'flex',
@@ -43,7 +43,7 @@ const BrowserRecordingSave = () => {
                 </div>
             </Grid>
         </Grid>
-  )
+    );
 }
 
 export default BrowserRecordingSave