Text is not centered when using lineHeight

simplified template is
<GridLayout rows="auto, auto, auto, auto" columns="*, 10, auto" @tap="tapEvent" class="checklist-list-template"> <HTMLLabel text="item.machinery.firstname" class="headline2" row="0" col="0" textWrap="true" verticalTextAlignment="center" verticalAlignment="middle" lineHeight="50" backgroundColor="blue"/> <HTMLLabel text="item.machinery.lastname" row="1" col="0" textWrap="true" lineHeight="50" verticalTextAlignment="center" backgroundColor="red"/> <HTMLLabel textWrap="true" row="2" lineHeight="50" verticalTextAlignment="center" backgroundColor="green"> <FormattedString lineHeight="50" verticalTextAlignment="center" backgroundColor="green"> <Span text="qrCode"/> <Span text="parsedDueDate.text" lineHeight="50" verticalTextAlignment="center" backgroundColor="green"/> </FormattedString> </HTMLLabel> <HTMLLabel text="arrow_forward_ios" class="mdi-outlined-18px" row="0" col="2" verticalAlignment="top" horizontalAlignment="right"/> </GridLayout>

the text is not centered (also tried setting vertical-align: middle; via css text-alignment: center; works though).

Additionally lineHeight is not applied when using FormattedString (hence why i tried setting it everywhere in there).
Currently cant build for android so I can only confirm this for iOS.

used packages
"@nativescript/android": "8.6.2",
"@nativescript/ios": "8.6.3",
"@nativescript-community/text": "1.5.47",
"@nativescript-community/ui-label": "1.3.26",
"@nativescript/core": "8.6.2"

No source file or test is named. Start by reproducing the simplified GridLayout template on iOS with the listed NativeScript packages, then trace the HTMLLabel and FormattedString layout behavior. Done means text is vertically centered with lineHeight and lineHeight is applied inside FormattedString.