Shift menu of material ui to left most side of page

I want to shift the menu to the left side of the page so that there is no space in between. but no matter what i do its not shifting to left side. please suggest some solution.

enter image description here

following is my relevant code:

                  anchorPosition={{ top: 90, left: 0 }}
                    vertical: "bottom",
                    horizontal: "left",
                  transformOrigin={{ vertical: "top", horizontal: "left" }}
                  classes={{ paper: classes.menuPaper }}

styles for popover from classes object:

 menuPaper: {
backgroundColor: theme.palette.secondary.light,
width: "100%",
maxWidth: "unset",

124 thoughts on “Shift menu of material ui to left most side of page”

Leave a Comment