Как удалить поля / отступы из ящика MaterialUI?

Question

Я работаю над приложением React, используя MaterialUI для создания панели приложений и Drawer.

Между краем окна и выдвижным ящиком есть дополнительное пространство.

Дополнительное пространство также закрывает IconButton, который я использую для переключения открытия и расширения ящика. Это выглядит так:

Вот как я рендерил панель приложений и Drawer:

render(){
    const { classes,drawerOpen,theme } = this.props;
    return(
      <React.Fragment>
        <AppBar
          position="absolute"
          className={classNames(classes.appBar,drawerOpen && classes.appBarShift)}
        >
        <Toolbar disableGutters={!this.state.open}>
          <IconButton
            color="inherit"
            aria-label="open drawer"
            onClick={this.handleDrawerOpen}
            className={classNames(classes.menuButton, drawerOpen && classes.hide)}
          >
            <ToggleLeft />
          </IconButton>
          <Typography variant="title" color="inherit" noWrap>
            MYAPP
          </Typography>
        </Toolbar>
      </AppBar>
      <Drawer
        variant="permanent"
        classes={{
          paper: classNames(classes.drawerPaper, !drawerOpen && classes.drawerPaperClose),
        }}
        open={this.state.open}
      >
        <div className={classes.toolbar}>
          <IconButton onClick={this.handleDrawerClose}>
            {theme.direction === 'rtl' ? <ToggleLeft />:<ToggleRight />}
          </IconButton>
        </div>
        <Divider />
          <List><SideAccountsList {...this.props}/></List>
      </Drawer>
      </React.Fragment>
      )
  }