Mat Checkbox and Mat Radio not displaying properly in Angular Material 17.2.0

Angular material not displaying checkboxes and radio buttons properly im using angular 17 and angular material 17

"@angular/material": "17.2.0",

here is my code

<h1>Radio Buttons</h1>
<mat-radio-group aria-label="Select an option">
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
</mat-radio-group>

<br> <br> <br> <br>
<h1>Check Boxes</h1>

<section class="example-section">
  <mat-checkbox class="example-margin">Yes</mat-checkbox>
  <mat-checkbox class="example-margin">No</mat-checkbox>
</section>

here is the outcome
enter image description here

You can see that even the shadow for these elements are displaced from the actual elements

I have tried updating my angular material