aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings/CalendarsPage.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/settings/CalendarsPage.js')
-rw-r--r--modern/src/settings/CalendarsPage.js7
1 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/settings/CalendarsPage.js b/modern/src/settings/CalendarsPage.js
index 076f30ca..71611ea5 100644
--- a/modern/src/settings/CalendarsPage.js
+++ b/modern/src/settings/CalendarsPage.js
@@ -9,6 +9,9 @@ import OptionsLayout from './OptionsLayout';
import { useTranslation } from '../LocalizationProvider';
const useStyles = makeStyles((theme) => ({
+ table: {
+ backgroundColor: theme.palette.colors.white,
+ },
columnAction: {
width: theme.spacing(1),
padding: theme.spacing(0, 1),
@@ -29,7 +32,7 @@ const CalendarsView = ({ updateTimestamp, onMenuClick }) => {
}, [updateTimestamp]);
return (
- <TableContainer>
+ <TableContainer className={classes.table}>
<Table>
<TableHead>
<TableRow>
@@ -41,7 +44,7 @@ const CalendarsView = ({ updateTimestamp, onMenuClick }) => {
{items.map((item) => (
<TableRow key={item.id}>
<TableCell className={classes.columnAction} padding="none">
- <IconButton onClick={(event) => onMenuClick(event.currentTarget, item.id)}>
+ <IconButton size="small" onClick={(event) => onMenuClick(event.currentTarget, item.id)}>
<MoreVertIcon />
</IconButton>
</TableCell>