The white padding in this select won't disappear and I feel like I've tried 30 variations and places to make the css stop showing up. Any advice? This is using MUI 5, and I even tried basing it off of
CodePudding user response:
It appears you are using a TextField
with a select
prop at your base while trying to target the MenuProps
directly. The TextField API does not have a MenuProps
but it does have SelectProps
. Try moving your props into that like so (which worked for me using your sandbox):
<StyledTextInput
select
defaultValue={"None"}
displayEmpty
SelectProps={{
MenuProps: {
PaperProps: {
sx: {
".MuiList-root": {
paddingTop: "0",
paddingBottom: "0"
}
}
}
}
}}