Ability to target filter button sizes

[ryjogo]

It could be nice to be able to scale down the sizes of the filter buttons

[KevinVandy]

You can do this in the muiTableHeadCellFilterTextFieldProps column option or prop. You can customize any of the props to the text fileld. Or you can target any CSS className using the sx prop using the emotion styled components syntax. You'll just have to inspect element to find the classes you want to target.

Something like this is probably what you are looking for

muiTableHeadCellFilterTextFieldProps={{
  sx: {
    '& .MuiInputAdornment-positionEnd': {
      transform: 'scale(0.75)',
      //more of your custom CSS here
    }
  }
}}

Learn more in the docs https://www.material-react-table.com/docs/guides/customize-components

[ryjogo]

Aha.. now i understand how this works - i think i read that page a few times, thanks!