Kendo-switch is not working after update kendo-input to 10.1.2

[saurav]

ANGULAR VERSION 12.0.4
kendo-angular-input 10.1.2

I'm using angular-kendo but when i update my package and after that I found some styling related issue with angular numeric textbox and with kendo-switch although I fixed numeric textbox issue with some mannual style but still not able to fix kendo-switch

Previous Output before package update:-

After package update:-

I 

<ng-container

                      *ngIf="field.Type === 'switch' && (field.Condition || field.Condition === undefined) && !field.Hidden">

                      <ng-container *ngIf="field.Flag === null">

                        <div style="padding-top: 10%; width: 100%;" class="text-center">

                          <kendo-switch [checked]="LatestField(field.ID)" [title]="((field.Tooltip!='undefined' && field.Tooltip!=undefined && field.Tooltip!=null)?field.Tooltip:'')"

                            (valueChange)="SetVChangesCheckboxValue(field.ID, $event, field.LegacyBoolInt)"

                            [id]="ModelID + '_' + field.ID" [attr.cypress]="ModelID + '_' + field.ID"></kendo-switch>

                          &nbsp;

                          <span style="color: rgba(0,0,0,0.38);">

                            {{ LabelForFieldId(field.ID) }} {{ LatestField(field.ID) ? 'Enabled' : 'Disabled' }}

                          </span>

                        </div>

                      </ng-container>

                      <!-- <input  type="checkbox"> and FLAG based -->

                      <ng-container *ngIf="field.Flag">

                        <div style="padding-top:10%; width: 100%;" class="text-center">

                          <kendo-switch [checked]="flags && flags[field.ID]" [title]="((field.Tooltip!='undefined' && field.Tooltip!=undefined && field.Tooltip!=null)?field.Tooltip:'')"

                            (valueChange)="EmitFlagChanged({ 'id': field.ID, 'value': $event })"

                            [id]="ModelID + '_' + field.ID" [attr.cypress]="ModelID + '_' + field.ID"></kendo-switch>

                          &nbsp;

                          <span *ngIf="flags" style="color: rgba(0,0,0,0.38);">

                            {{ LabelForFieldId(field.ID) }} {{ flags[field.ID] ? 'Enabled' : 'Disabled' }}

                          </span>

                        </div>

                      </ng-container>

                    </ng-container>

 

Thanku any help is appreciated