Checkboxes look different for CDS based Fiori Element App

[shankha_saha]

Hi,

We have a Fiori Element - List Report page application developed based on RAP model. We rely on CDS annotation (annotation in backend on metadata extension file) to generate the object page layout. On the Object page we have a section where we have checkbox for user input. SAP data element type is ABAP_BOOLEAN. Nothing else to control the UI element behavior. 

During the runtime checkbox appears like – Label on top and selection checkbox below.

We expect it should look as per Checkbox | SAP Fiori for Web Design Guidelines – Selection checkbox first and Label next but in same line.

 

If anyone knows why checkbox looks different using CDS based - RAP approach rather if we use sap.m.CheckBox element in freestyle approach? Is there anything to do with UI5 version? 

We are using -

minUI5Version: 1.120.0

SAP_UI: 758 SP0001

Thanks