diff --git a/packages/bento-frontend/src/pages/profile/tblThemeConfig.js b/packages/bento-frontend/src/pages/profile/tblThemeConfig.js index f4653555a..e8e1a93e2 100644 --- a/packages/bento-frontend/src/pages/profile/tblThemeConfig.js +++ b/packages/bento-frontend/src/pages/profile/tblThemeConfig.js @@ -16,6 +16,27 @@ export const tblHeader = { }, }; +export const tblContainer = { + MuiTableContainer: { + root: { + width: '100%', + overflowX: 'auto', + transform: 'rotateX(180deg)', + boxShadow: 'none', + borderRadius: '0', + } + }, + MuiTable: { + root: { + transform: 'rotateX(180deg)', + width: '100%', + display: 'table', + borderSpacing: '0', + borderCollapse: 'collapse', + }, + }, +}; + export const tblBody = { MuiTableCell: { root: { @@ -59,6 +80,7 @@ export const tblPgn = { export const themeConfig = { tblHeader, + tblContainer, tblBody, tblPgn };