Bug: List does not render when combined with flexbox layout

**Describe the bug**
There's a UI rendering bug when using flexbox layout and `List` tags. With this combination, no List will appear. However, if there is a second `` that follows the first list, then both of the lists will render.

**To Reproduce**
I was able to reproduce with the following code
```

.flex-row {
display: flex;
flex-direction: row;
}

.flex-col {
display: flex;
flex-direction: column;
}

.align-center {
align-items: center;
}

.justify-between {
justify-content: space-between;
}

.flex-1 {
flex: 1;
}

.bottom-border {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

.right-border {
border-right: 1px solid black;
padding-right: 5px;
margin-right: 5px;
}

.htx-ranker-column h1 {
font-size: 1.25rem;
}















</View>

</View>
</View>
```

**Expected behavior**
I expect to be able to render `List` components in a flexbox row.

**Screenshots**
screenshots are from UI Preview, but the issue also exists when rendering actual tasks.

List disappeared when using flexbox


List re-appears when using a second (hidden) List tag.


**Environment (please complete the following information):**
- OS: Mac OS with Firefox (and Chrome)
- Label Studio 1.17.0