title: Styled Component fill div height inside MUI Grid
body: <p>The two cells marked as <strong>pink</strong> becomes pink on mouse hover. How can I fill the grid with pink 100% width &amp; height on mouse hover?</p>
  <p><a href="https://codesandbox.io/s/styled-comp-listitem-ok7j0?file=/index.tsx" rel="nofollow noreferrer">sandbox</a></p>