Vue3: CvOverflowMenu position is calculated incorrectly when used inside CvDataTable cell

[OlkaB]

Description

When using CvOverflowMenu within CvDataTableCell, the menu's dropdown position is calculated far outside the table
It should behave like in Vue2 (e.g. see this story https://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-html)
Browser: Chrome Version 116.0.5845.180
Carbon Design System version: Vue3

Steps to reproduce the issue

import CvOverflowMenu and CvOverflowMenuItem to CvDataTable.stories.mdx and replace content one of the cells like so:

<cv-data-table-cell>
          <cv-overflow-menu flip-menu style="margin: 0 auto;">
            <cv-overflow-menu-item>Edit</cv-overflow-menu-item>
            <cv-overflow-menu-item>Test</cv-overflow-menu-item>
          </cv-overflow-menu>
      </cv-data-table-cell>

Additional information

at start table looks correctly:

but after clicking three dots menu button this happens:

[OlkaB]

note: The first difference I see here is that menu's dropdown in Vue2 seems to be appended to body, while in Vue3 it stays within a component itself.
After removing inline style it works fine within a table cell: