Unable to resize radio button to smaller version

[tp1906]

Is it possible to resize the radio button including the ripple/outline? I was able to resize the circle; however, the outline/ripple is not centered.

.small-radio-button {
.mdc-radio {
padding: 2px;
--mdc-radio-state-layer-size: 32px;
height: 16px;
width: 16px;
}

.mat-mdc-radio-touch-target {
  height: 16px;
  width: 16px;
}

.mdc-radio__background {
  height: 16px;
  width: 16px;
}

.mdc-radio__inner-circle {
  border-width: 8px;
}

.mdc-radio__outer-circle {
    border-width: 1px;
}

}

[crisbeto]

You should go through the radio-density mixin to resize the radio button. Note that this mostly resizes the ripple and the touch target around the radio button, rather than the inner circle itself.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}