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:

  <Menu
                 
                  anchorReference="anchorPosition"
                  anchorPosition={{ top: 90, left: 0 }}
                  anchorOrigin={{
                    vertical: "bottom",
                    horizontal: "left",
                  }}
                  transformOrigin={{ vertical: "top", horizontal: "left" }}
                  keepMounted
                  open={open}
                  onClose={handleClose}
                  classes={{ paper: classes.menuPaper }}
                >

styles for popover from classes object:

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

1 thought on “Shift menu of material ui to left most side of page”

Leave a Comment