RadioButton Display on selection

[praj_amit]

HI,
I have a raiobutton group defined as below:

Code: Select all

<p-radioButton name="freqGroup" value="D" label="Daily" [(ngModel)]="selectedFreq" inputId="freqopt1" styleClass="radioStyle"></p-radioButton>
<p-radioButton name="freqGroup" value="M" label="Monthly" [(ngModel)]="selectedFreq" inputId="freqopt2" styleClass="radioStyle"></p-radioButton>

However when I select one of them, the selection isn't as expected as shown in the demo (https://www.primefaces.org/primeng/#/radiobutton).
But the display instead is just a circle with a thin border. Similar to https://fontawesome.com/icons/circle?style=light
Its hard to differentiate between the selected and un-selected one.