Fix dark theme styles

ui/src/components/RetryTasksTable.tsx

@@ -50,11 +50,14 @@ import { RetryTaskExtended } from "../reducers/tasksReducer";
 import clsx from "clsx";
 import { TableColumn } from "../types/table";
 
-const useStyles = makeStyles({
+const useStyles = makeStyles((theme) => ({
   table: {
     minWidth: 650,
   },
-});
+  stickyHeaderCell: {
+    background: theme.palette.background.paper,
+  },
+}));
 
 function mapStateToProps(state: AppState) {
   return {
@@ -229,7 +232,10 @@ function RetryTasksTable(props: Props & ReduxProps) {
         >
           <TableHead>
             <TableRow>
-              <TableCell padding="checkbox">
+              <TableCell
+                padding="checkbox"
+                classes={{ stickyHeader: classes.stickyHeaderCell }}
+              >
                 <Checkbox
                   indeterminate={numSelected > 0 && numSelected < rowCount}
                   checked={rowCount > 0 && numSelected === rowCount}
@@ -240,7 +246,11 @@ function RetryTasksTable(props: Props & ReduxProps) {
                 />
               </TableCell>
               {columns.map((col) => (
-                <TableCell key={col.label} align={col.align}>
+                <TableCell
+                  key={col.label}
+                  align={col.align}
+                  classes={{ stickyHeader: classes.stickyHeaderCell }}
+                >
                   {col.label}
                 </TableCell>
               ))}