diff --git a/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx b/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx index 8c99f31908..7b8f9d5f09 100644 --- a/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx +++ b/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx @@ -99,6 +99,11 @@ const TableFooterPagination: FC = ({ '& .v5-MuiTablePagination-select:focus': { backgroundColor: 'transparent', }, + '& .v5-MuiTablePagination-select:focus-visible': { + outline: theme => `2px solid ${theme.palette.primary.main}`, + outlineOffset: '-2px', + borderRadius: 1, + }, }} rowsPerPageOptions={rowsPerPageOptions} component="div" @@ -115,6 +120,12 @@ const TableFooterPagination: FC = ({ MenuProps: { MenuListProps: { autoFocusItem: false, + sx: { + '& .MuiMenuItem-root:focus-visible': { + outline: theme => `2px solid ${theme.palette.primary.main}`, + outlineOffset: '-2px', + }, + }, }, PaperProps: { sx: {