Как отключить tabindicator и установить переполнение для прокрутки для контейнера вкладок пользовательского интерфейса материала?

Question

Я сделал выпадающее меню с вертикальными вкладками пользовательского интерфейса материала.Вместо того, чтобы индикатор появлялся справа от активной вкладки, я бы просто хотел, чтобы в раскрывающемся меню была обычная полоса прокрутки webkit.Но я не могу понять, где разместить стиль переполнения.И установка переполнения: прокрутка на root не работает.

https://i.ibb.co/Tw5dkZq/Screenshot-50.png

const useStyles = makeStyles(theme => ({
root: {
  overflowY: 'scroll',
  flexGrow: 1,
  backgroundColor: theme.palette.background.paper,
  display: 'flex',
  height: 400,
  width: 250,
  position: 'absolute',
  bottom: 0,
  left: 0,
  boxShadow: "0.1px 0.1px 15px 0.1px #C9C9C9"
},
}));


<div className={classes.root}>
  <Tabs
    orientation="vertical"
    variant="scrollable"
    value={value}
    onChange={handleChange}
    aria-label="Vertical tabs example"
    className={classes.tabs}
    className="tabs">
     {
      categories.map(({category_name,category_id,category_image}, index) => 
          <Tab id={category_id} 
          label={<span style={{ color: index === value ? '#157ebc' : "", width: 170, textAlign: 'left'}}>{category_name}</span>} 
          {...a11yProps(index)} className={classes.tab} className="dropdown-tab" />)
    }
  </Tabs>
</div>