Select form group not showing in app structure

Wappler Version : 4.0.4
Operating System : Windows 10
Server Model: nodejs bootstrap 5
Hosting Type: local

Expected behavior

What do you think should happen?
When I add an input form group (vertical or horizontal) that the form group is shown in app structure

This seems similar issue to bootstrap rows disappearing from app structure when bottom margin is applied as has been reported before in other posts

Actual behavior

What actually happens?
All I see in app structure is a label and column

How to reproduce

I have added the following 2 controls in a form: a text input, and a select drop down input
image

This is what I see in app structure
image

This is the associated code

<p>Enter your content here</p>
<div class="mb-3 row">
    <label for="input1" class="col-sm-2 col-form-label">Some text</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" id="input1" name="input1" aria-describedby="input1_help" placeholder="Enter some text">
        <small id="input1_help" class="form-text text-muted">Your input is very valuable.</small>
    </div>
</div>

<p>Enter your content here</p>
<div class="mb-3 row">
    <label for="select1" class="col-sm-2 col-form-label">Select</label>
    <div class="col-sm-10">
        <select id="select1" class="form-select">
            <option value="1">Option One</option>
            <option value="2">Option Two</option>
            <option value="3">Option Three</option>
        </select>
        <small id="select1Help" class="form-text text-muted">Enter a help text for your select.</small>
    </div>
</div>