Стилизованная высота заливки компонента внутри сетки MUI

Question

Две клетки, помеченные как розовый , становятся розовыми при наведении мыши. Как я могу заполнить сетку розовой 100% шириной и высотой при наведении мыши?

песочница

Answer 1

Вы используете ListItem в качестве контейнера сетки (не уверен, является ли это требованием или это просто для вас), и по умолчанию компонент ListItem имеет отступы.

Вы можете отключите этот отступ, установив отступ этого компонента на 0:

<ListItem button style={{padding: 0}}>