How to access and overide div element of menuitem component?

So, here is my code snippet :

{options.map(({ label, value }) => ( <MenuItem className={classes.root} key={value} value={value}>{label}</MenuItem> ))}

and the above code generates an output like this.

having a div followed by unordered list. but what if, If someone want to overide properties of the div element here.

I have tried passing className={classes.root} to it what it is doing is applying modification to first unordered list instead of applying it to div elment that is the parent of all unordered list.

but what it is doing is applying my modified properties to the ul element instead of the parent div. see screenshot below.

[oliviertassinari]

sorry to say, I didn’t get this thing, property available on this end?

https://material-ui.com/utils/popover/#anchor-playground

---

Next time, please submit support requests and questions to StackOverflow using the tag material-ui. StackOverflow is better suited for this kind of support. The issue tracker is for bug reports and feature discussions. See also our CONTRIBUTING guidelines.

[oliviertassinari]

@divyanshu-rawat If you want to change the popover position, check the property available on this end.