diff --git a/packages/react-components/lib/alert-dialog.tsx b/packages/react-components/lib/alert-dialog.tsx
index d4b61c4fe..f89153478 100644
--- a/packages/react-components/lib/alert-dialog.tsx
+++ b/packages/react-components/lib/alert-dialog.tsx
@@ -5,6 +5,7 @@ import {
   LinearProgress,
   LinearProgressProps,
   TextField,
+  Theme,
   Typography,
   Divider,
   useMediaQuery,
@@ -15,9 +16,10 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import { makeStyles, createStyles } from '@mui/styles';
 
-const useStyles = makeStyles(() =>
+const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     textField: {
+      background: theme.palette.background.default,
       pointerEvents: 'none',
     },
   }),