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 Continue reading...