feat: align log w.r.t right panel

src/components/molecules/InterpretationLog.tsx

@@ -3,7 +3,7 @@ import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import Typography from '@mui/material/Typography';
 import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
-import { Button, TextField } from '@mui/material';
+import { Button, TextField, Grid } from '@mui/material';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import FormControl from '@mui/material/FormControl';
 import FormLabel from '@mui/material/FormLabel';
@@ -106,18 +106,20 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
   const columns = tableData.length > 0 ? Object.keys(tableData[0]) : [];
 
   return (
-    <div>
+    <Grid container>
+      <Grid item xs={12} md={9} lg={9}>
         <button
           onClick={toggleDrawer(true)}
           style={{
             color: 'white',
             position: 'fixed',
-          background: '#101828',
+            background: '#ff00c3',
             border: 'none',
             padding: '30px 20px',
-          width: '100%',
+            width: 'calc(100% - 25%)',
             textAlign: 'left',
             bottom: 0,
+            overflow: 'hidden',
           }}>
           Interpretation Log
         </button>
@@ -208,6 +210,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
               ref={logEndRef} />
           </div>
         </SwipeableDrawer>
-    </div>
+      </Grid>
+    </Grid>
   );
 }