oj-input-text styling not working in mobile

Summary

oj-input-text styling not working in mobile

Content

oj-input-text color style is not working in mobile...it is working good for <oj-highlight-text>

 

what is wrong here and how to set font-weight to bold for oj-input-text

 

    <div class="oj-flex oj-sm-flex-items-initial"   >

<oj-input-text class="oj-flex-item oj-sm-padding-2x-horizontal oj-sm-flex-1" id="batchNumber"

    placeholder="batchNumber" value="{{ $flow.variables.fatchNo }}" readonly="true" label-edge="inside" style="color:blue;"

    label-hint="Batch" >

        </oj-input-text>

     </div>