diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index 4ca87b5b..98cb153d 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -107,91 +107,91 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
 
   return (
     <Grid container>
-  <Grid item xs={12} md={9} lg={9}>
-    <Button
-      onClick={toggleDrawer(true)}
-      variant="contained"
-      color="primary"
-      sx={{
-        color: 'white',
-        position: 'fixed',
-        background: '#ff00c3',
-        border: 'none',
-        padding: '30px 20px',
-        width: 'calc(100% - 25%)',
-        bottom: 0,
-        overflow: 'hidden',         
-        justifyContent: 'flex-start',
-        '&:hover': {
-          backgroundColor: '#ff00c3',
-        },
-      }}
-    >
-      Output Data Preview
-    </Button>
-    <SwipeableDrawer
-      anchor="bottom"
-      open={isOpen}
-      onClose={toggleDrawer(false)}
-      onOpen={toggleDrawer(true)}
-      PaperProps={{
-        sx: {
-          background: 'white',
-          color: 'black',
-          padding: '10px',
-          height: 500,
-          width: width - 10,
-          display: 'flex',
-        },
-      }}
-    >
-      <Typography variant="h6" gutterBottom>
-        <StorageIcon /> Output Data Preview
-      </Typography>
-      <div
-        style={{
-          height: '50vh',
-          overflow: 'none',
-          padding: '10px',
-        }}
-      >
-        <TableContainer component={Paper}>
-          <Table sx={{ minWidth: 650 }} stickyHeader aria-label="output data table">
-            <TableHead>
-              <TableRow>
-                {columns.length > 0 ? (
-                  columns.map((column) => (
-                    <TableCell key={column}>{column}</TableCell>
-                  ))
-                ) : (
-                  <TableCell align="center">No Data</TableCell>
-                )}
-              </TableRow>
-            </TableHead>
-            <TableBody>
-              {tableData.length > 0 ? (
-                tableData.map((row, index) => (
-                  <TableRow key={index}>
-                    {columns.map((column) => (
-                      <TableCell key={column}>{row[column]}</TableCell>
-                    ))}
+      <Grid item xs={12} md={9} lg={9}>
+        <Button
+          onClick={toggleDrawer(true)}
+          variant="contained"
+          color="primary"
+          sx={{
+            color: 'white',
+            position: 'fixed',
+            background: '#ff00c3',
+            border: 'none',
+            padding: '30px 20px',
+            width: 'calc(100% - 25%)',
+            bottom: 0,
+            overflow: 'hidden',
+            justifyContent: 'flex-start',
+            '&:hover': {
+              backgroundColor: '#ff00c3',
+            },
+          }}
+        >
+          Output Data Preview
+        </Button>
+        <SwipeableDrawer
+          anchor="bottom"
+          open={isOpen}
+          onClose={toggleDrawer(false)}
+          onOpen={toggleDrawer(true)}
+          PaperProps={{
+            sx: {
+              background: 'white',
+              color: 'black',
+              padding: '10px',
+              height: 500,
+              width: width - 10,
+              display: 'flex',
+            },
+          }}
+        >
+          <Typography variant="h6" gutterBottom>
+            <StorageIcon /> Output Data Preview
+          </Typography>
+          <div
+            style={{
+              height: '50vh',
+              overflow: 'none',
+              padding: '10px',
+            }}
+          >
+            <TableContainer component={Paper}>
+              <Table sx={{ minWidth: 650 }} stickyHeader aria-label="output data table">
+                <TableHead>
+                  <TableRow>
+                    {columns.length > 0 ? (
+                      columns.map((column) => (
+                        <TableCell key={column}>{column}</TableCell>
+                      ))
+                    ) : (
+                      <TableCell align="center">No Data</TableCell>
+                    )}
                   </TableRow>
-                ))
-              ) : (
-                <TableRow>
-                  <TableCell colSpan={columns.length || 1} align="center">
-                    It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here.
-                  </TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </TableContainer>
-        <div style={{ float: 'left', clear: 'both' }} ref={logEndRef} />
-      </div>
-    </SwipeableDrawer>
-  </Grid>
-</Grid>
+                </TableHead>
+                <TableBody>
+                  {tableData.length > 0 ? (
+                    tableData.map((row, index) => (
+                      <TableRow key={index}>
+                        {columns.map((column) => (
+                          <TableCell key={column}>{row[column]}</TableCell>
+                        ))}
+                      </TableRow>
+                    ))
+                  ) : (
+                    <TableRow>
+                      <TableCell colSpan={columns.length || 1} align="center">
+                        It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here.
+                      </TableCell>
+                    </TableRow>
+                  )}
+                </TableBody>
+              </Table>
+            </TableContainer>
+            <div style={{ float: 'left', clear: 'both' }} ref={logEndRef} />
+          </div>
+        </SwipeableDrawer>
+      </Grid>
+    </Grid>
 
   );
 }
\ No newline at end of file