![Goal](https://i.stack.imgur.com/J0UyZ.png)
Я думаю, что изображение проясняет достаточно, у меня есть два компонента ExpansionPanelSummary, я хотел бы переместить значки в первом справа справа от ExpandMoreIcon. Я думал об использовании CSS псевдоселекторов для достижения этой цели, но пока ничего. Там может быть даже гораздо проще, чем это решение, хотя Мой код прямо сейчас:
<ExpansionPanelSummary ... />
<Typography variant="h6">Devices</Typography>
<div ...>
<IconButton>
<FilterListIcon style={{ color: grey[700] }}/>
</IconButton>
<IconButton>
<SearchIcon style={{ color: grey[700] }}/>
</IconButton>
</div>
</ExpansionPanelSummary>
Примечание: Я не добавил стили в div, ExpansionPanelSummary имеет атрибуты, не относящиеся к вопросу.