Component: InputSwitch | Not getting circular border

[jaygajera17]

Describe the bug

Not getting circular border in input switch primeng component

Environment

Linux

Reproducer

No response

Angular version

17.3.2

PrimeNG version

17.10.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

21.7.1

Browser(s)

No response

Steps to reproduce the behavior

• write the same code as mention in documentation
  .html:
  <p-inputSwitch [(ngModel)]="checked"></p-inputSwitch>

• .ts:
  checked: boolean;

Expected behavior

circular border and circle should be visible as visible in the documentation

[jaygajera17]

solved this by overriding the styles:

:host {
  ::ng-deep p-inputswitch .p-inputswitch-slider {
    border-radius: 30px;
  }
  ::ng-deep p-inputswitch .p-inputswitch-slider::before {
    border-radius: 50%;
  }
}