A sample for absolute positioning is used.

absolutePositioning.tsx

const useStyles = makeStyles({
  absPosedWrapper: {
    position: 'relative',
    '&__rightButton': {
      position: 'absolute',
      right: 0,
    },
    '&__leftButton': {
      position: 'absolute',
      left: 0,
    },
  },
}, {name: 'MuiBlogPost'});

export function SliderButtonsBlogPost() {
  const classes = useStyles();

  return (
    <section className={classes.buttonSamplesWrapper}>
      <h1>Absolute Positions</h1>
      <div className={`${classes.absPosedWrapper} ${classes.sampleWrapper}`} >
        <LeftSliderButton className={`${classes.absPosedWrapper}__leftButton`} />
        {get10RandomColors().map(color => <Color colorName={color} />)}
        <RightSliderButton className={`${classes.absPosedWrapper}__rightButton`} />
      </div>
    </section>
  );
}