table sticky-header overlaid by other components

[raymond-digi]

Overview of the problem

Oruga version: [0.6.0]
Vuejs version: [3.3.2]
OS/Browser: Windows, Chrome, Edge

Description

component table with sticky-header, headers is always on top with regular text but not with other components (like o-checkbox and o-input).

Steps to reproduce

<o-table :data="items" focusable sticky-header>
    <o-table-column label="Active" #default="v">      
        <o-checkbox v-model="v.row.Active" disabled />
    </o-table-column>
    <o-table-column label="ID" #default="v">
        {{ v.row.Id }}
    </o-table-column>
    <o-table-column label="Code" #default="v">
        <o-input v-model="v.row.Code"></o-input> 
    </o-table-column>
</o-table>"

Expected behavior

headers should be always on top

Actual behavior

components on top of headers