chore: fix overflow on large results

src/components/JobTable.tsx

@@ -113,7 +113,6 @@ const JobTable: React.FC<JobTableProps> = ({ jobs, fetchJobs }) => {
       display="flex"
       justifyContent="center"
       minHeight="100vh"
-      p={3}
     >
       <Box
         className="flex flex-col justify-start align-center items-center"

src/pages/index.tsx

@@ -238,6 +238,7 @@ const Home = () => {
         {results && (
           <>
             <Typography variant="h4">Results</Typography>
+            <Box style={{ maxHeight: "400px", overflow: "auto" }}>
               <Table ref={resultsRef} style={{ marginTop: "20px" }}>
                 <TableHead>
                   <TableRow>
@@ -260,6 +261,7 @@ const Home = () => {
                   ))}
                 </TableBody>
               </Table>
+            </Box>
           </>
         )}
       </Container>