Input field inside form layout not getting aligned horizontally

Summary:

Input field inside form layout not getting aligned horizontally

Content (required):

Hi Expert,

To perform validation on input field, we have used the <oj-validation-group>.Now when used <oj-form-layout> inside <oj-validation-group> , the column are not getting horizontally.

Below is the code for reference

<div data-no-id="true" class="oj-flex" id="div-1734901753-1"> 

   <oj-validation-group id="datavalidation">

   <oj-form-layout id="oj-form-layout-1734901753-1" label-edge="start" class="oj-flex-item oj-sm-11 oj-md-11"

    max-columns="2">

   

    <oj-select-single id="selectsingleStructureName" label-hint="Source Structure"

     value="{{ $variables.StructureNameQueryVar }}"

     on-value-changed="[[$listeners.selectsingleStructureNameValue]]"

     data='[[ $page.functions.createADPForSingleSelect($page.variables.varDistinctStructureNameLOV, "value") ]]'

     placeholder="valid structure name" required="true"></oj-select-single>

    <oj-select-single id="selectsingleMappingName" label-hint="Mapping Name"