Как оформить панель расширения Material UI Text

Question

Я пытаюсь уменьшить пространство на панели расширения сверху и снизу. Я пытался установить отступ в 0, но это не сработало.

panel: {
  backgroundColor: background.paper,
  position: "absolute",
  padding: spacing(0),
},
text: {
  color: text.secondary,
  padding: spacing(0),
},
summary: {
  minHeight: spacing(0),
},
details: {
  padding: spacing(0, 1, 2, 1),
},
icon: {padding: spacing(0),},

        <ExpansionPanel
        expanded={expanded}
        onChange={onClick}
        className={classes.panel}
      >
        <ExpansionPanelSummary
          expandIcon={<ExpandMoreIcon className={classes.icon} />}
          className={classes.summary}
        >
          <Typography variant="h6" className={classes.text}>
            StackOverFlow
          </Typography>
        </ExpansionPanelSummary>
        <ExpansionPanelDetails className={classes.details}>
          <Keys />
        </ExpansionPanelDetails>
      </ExpansionPanel>

Спасибо.