Material UI remove Menu padding

Question

Is there any way to remove top and bottom padding from Menu component?

Tried to set padding to 0 in PaperProps and also in makeStyles but when I inspect the element on browser it still shows 8px default padding on top and bottom.

Here's the code if it helps:

<Menu
    className={classes.menuSearchContainer}
    PaperProps={{
        style: {
            backgroundColor: "#fff",
            width: "270px",
            paddingTop: '0px',
        },
    }}
>
<Input
    className={classes.menuSearchInput}
    type="text"
/>

Answer 1

use MenuListProps:

<Menu
    className={classes.menuSearchContainer}
    PaperProps={{
        style: {
            backgroundColor: "#fff",
            width: "270px",
        },
    }}
    MenuListProps={{ sx: { py: 0 } }}
>
<Input
    className={classes.menuSearchInput}
    type="text"
/>