I’m currently working with Angular Material and would like to know if there is a way to use the checkbox without the default spacing. I noticed that Angular Material’s checkbox are surrounded by some spacing by default (as seen in the image). Is there an easy way to remove this spacing so that I can insert the checkbox directly into my content without additional spacing?

<mat-checkbox formControlName="rememberMe"><span class="remember-me">Remember me</span></mat-checkbox>

padding:0 did not help.

Also this did not work:

input[type="checkbox"] {
  width: 10px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

Thanks in advance for your assistance