Custom component does not render it's child components on the correct possition

**Describe the bug**

I am trying to create a double column in which customers can drop their desired components and customize or edit them. The drop areas are rendered on the correct position in the visual editor but after dropping a (custom)component in the columns, the component is rendered below or above the column.

Tech stack:
- Angular 16.2.1
- Tailwindcss 3.3.2
- @builder.io/angular 2.2.1

**To Reproduce**
Steps to reproduce the behavior:
1. Implement the code from the docs
2. Drag and drop a component in the visual editor in the component.
3. See the component being rendered in the wrong position

**Expected behavior**
The component should render in the correct column.

**Screenshots**