diff --git a/src/components/Table/components/TableHead/index.tsx b/src/components/Table/components/TableHead/index.tsx index e55fc7c9f..87026a862 100644 --- a/src/components/Table/components/TableHead/index.tsx +++ b/src/components/Table/components/TableHead/index.tsx @@ -99,8 +99,7 @@ export const TableHead = ({ colSpan={colSpan || 1} style={{ color: theme.palette.text.primary, - backgroundColor: - theme.palette.tables.head.background, + backgroundColor: theme.palette.background.paper, padding: `${theme.typography.pxToRem( 8 )} ${theme.typography.pxToRem(16)}`, @@ -123,7 +122,7 @@ export const TableHead = ({ padding="checkbox" style={{ color: theme.palette.text.primary, - backgroundColor: theme.palette.tables.head.background, + backgroundColor: theme.palette.background.paper, }} > diff --git a/src/pages/edp-stage-details/components/Applications/styles.ts b/src/pages/edp-stage-details/components/Applications/styles.ts deleted file mode 100644 index 89081412c..000000000 --- a/src/pages/edp-stage-details/components/Applications/styles.ts +++ /dev/null @@ -1,44 +0,0 @@ -import { makeStyles } from '@material-ui/core'; -import { rem } from '../../../../utils/styling/rem'; - -export const useStyles = makeStyles(theme => ({ - tableRoot: { - '& .MuiTableCell-root': { - fontSize: '1rem', - }, - '& .MuiTableCell-head': { - fontWeight: 'bold', - color: theme.palette.tables.headerText, - fontSize: '1.1rem', - }, - '& .MuiTableHeader-root': { - '& .MuiTableCell-root': { - '&:nth-child(1)': { - width: rem(240), - }, - '&:nth-child(2)': { - width: rem(200), - }, - }, - }, - '& .MuiTableBody-root': { - '& .MuiTableCell-root': { - '&:nth-child(1)': { - width: rem(80), - }, - '&:nth-child(2)': { - width: rem(80), - }, - '&:nth-child(3)': { - width: rem(80), - }, - '&:nth-child(4)': { - width: rem(200), - }, - '&:nth-child(5)': { - width: rem(300), - }, - }, - }, - }, -}));