title: Change Checkbox Size in Angular Material Selection List
body: <p>Is it possible to change the size of the checkbox in an <a href="https://material.angular.io/components/list/overview#selection-lists" rel="noreferrer">Angular Material Selection List</a>? I've tried changing the size of the <code>mat-pseudo-checkbox</code> in CSS but that results in the checkmark not being placed properly:</p>
  
  <pre><code>mat-pseudo-checkbox {
    height: 10px;
    width: 10px;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/TfcEI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TfcEI.png" alt="Checkmark improperly placed"></a></p>
  
  <p>Is there another selector that I need to adjust to correct this?</p>