title: Angular Material Radio Button Outer Circle not align
body: <p>I am trying to add some radio button to my angular form. I went to the material.angular.io site and used their code. However, the radio buttons do not look right. There is an outer and inner circle next to each other. So, I went here and found someone else's code and copied/pasted and got the same issue. Here is the code</p>
  
  <pre><code> &lt;mat-radio-group formControlName="options"&gt;
                          &lt;mat-radio-button value="1"&gt;Option 01&lt;/mat-radio-button&gt;
                          &lt;mat-radio-button  value="2"&gt;Option 02&lt;/mat-radio-button&gt;
                        &lt;/mat-radio-group&gt;
  </code></pre>
  
  <p>In my angular module.ts, I added the MatRadioModule. I am not sure why I am getting this strange error. Has  anyone here ever seen this? Any help is greatly appreciated.</p>
  
  <p><a href="https://i.stack.imgur.com/ieURQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ieURQ.png" alt="enter image description here"></a></p>