Part of the content that does not fit into the container is cut off.

[JohnnyMaynne]

Describe the bug

I have created a div and flex properties table. Cells have a clearly defined width, for example 400 pixels. Accordingly, part of the table does not fit on the screen and can be scrolled using the overflow property.
Here's a video that shows it:

https://www.dropbox.com/scl/fi/p68ziwteh2txquawu5g10/2024-02-20-12.45.08.mov?rlkey=1wibozv99w7hjf8mnw3wqbwum&dl=0

Reproduction

Table componen: https://codefile.io/f/AkpVwLk4UV
Table row component: https://codefile.io/f/l3aniSbl7S

System Info

MacOs Ventura (13.1) , Chrome (99)

Used Package Manager

npm

Validations

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.