title: Angular 2 mat-checkbox inside mat-cell broken on check
body: <p>Someone can help me to fix this? </p>
  
  <p><a href="https://i.stack.imgur.com/jGGHO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/jGGHO.png" alt="mat-checkbox broken on check "></a></p>
  
  <p>here is my code:</p>
  
  <pre><code>  &lt;ng-container matColumnDef="checked"&gt;
      &lt;mat-header-cell *matHeaderCellDef&gt; &lt;/mat-header-cell&gt;
      &lt;mat-cell *matCellDef="let element" fxLayout="row" fxLayoutAlign="center center"&gt;
        &lt;mat-checkbox [(ngModel)]="element.checked"&gt;&lt;/mat-checkbox&gt;
      &lt;/mat-cell&gt;
    &lt;/ng-container&gt;
  </code></pre>
  
  <p>I was searching for a solution on Inspect and realize that when I uncheck the position, and check works normally again.</p>
  
  <p><a href="https://i.stack.imgur.com/bRKMf.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bRKMf.png" alt="css property"></a></p>
  
  <p><a href="https://i.stack.imgur.com/yEHEc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yEHEc.png" alt="enter image description here"></a></p>
  
  <p>Thanks!</p>