Передать стиль родителям ребенка в React

Question

У меня есть панель расширения реагирования материала и пользовательского интерфейса, теперь дочерний элемент этой панели вызывает у меня проблемы, поэтому мне нужно настроить ее переполнение на видимое, однако я не знаю, как я могу это сделать, особенно если этот дочерний элемент не класс, который я определил, но потомок импортированной панели расширения.

Я тестировал в консоли, и я знаю, какой класс должен соответствовать overflow: 'visible' стилю, однако я не знаю, как его применить.

Ниже приведены мои HTML и CSS для базовой структуры, но на самом деле вопрос в том, как я могу применить их к дочернему компоненту панели расширения

HTML

 <ExpansionPanel
  className={classes.expansionPanelExpanded}
  >

  // the stuff inside the panel            
 </ExpansionPanel>

CSS

const materialStyles = (theme: Theme) =>
  createStyles({
    container: {
      overflow: 'visible'
    },
    expansionPanelExpanded: {
      boxShadow: 'none',
      root: {
        overflow: 'visible',
        expansionPanelExpanded: {
          overflow: 'visible'
        },
      },

    },

  })

Все содержимое в extensionPanelExpanded - это то, что я пытался передать overflow: 'visible' его потомку, который в консоли отображается с className как:

class='MuiCollapse-container-444 MuiCollapse-entered-445'

Родитель этого класса:

 class='MuiPaper-root-405 MuiPaper-elevation1-408 MuiExpansionPanel-root-402 WithStyles-ExpansionPanel--root-500 MuiExpansionPanel-expanded-403'

Если я смогу установить для этого стиль overflow: visible, это решит мою проблему.