title: React Material-ui - Collapse on Grid breaks Grid
body: <p>I am learning to create a website using Material-ui and React.</p>
  
  <p>I want to create a collapsable grid where some rows are collapsed/expanded based on the state of page. </p>
  
  <p>When I add a collapse component in the Grid layout, the Grid layout is broken.</p>
  
  <p>I created a sample code here ( <a href="https://codesandbox.io/embed/jolly-golick-3lwt5" rel="noreferrer">https://codesandbox.io/embed/jolly-golick-3lwt5</a> ) for demonstration.</p>
  
  <p>Here, you see the collapsed part (where current condition is 'expanded' is not showing as expected.</p>
  
  <p>Am I doing something wrong here?</p>