Hi Svetoslav, I am not thinking of how HTML with CSS would have done it and if this is possible in HTML with CSS in the first place. I am looking logically from a component level where the component would take the max container size (width=100%) and still have scroll inside to fit its columns to the available space.
It might be difficult to implement, but this is a legitimate and normally expected behaviour.
We have been in contact with Telerik Support and the advise was this:

"Indeed, as the linked KB article explains, the Grid expansion results from a combination of CSS styles and cannot be avoided out-of-the-box. I confirm that the only workarounds are:

- Use a fixed non-percentage Grid width. This doesn't necessarily mean to use pixels. You can use vw units or calc() to make the Grid width flexible and depending on the overall page width.
- Rework the parent layout of the Grid, so that it doesn't rely on flexbox or Bootstrap.
Of course, the first option should be simpler."

We have implemented a JavaScript hack to handle this scenario. We spent around 3 days on this issue including the implementation of the hack. The hack is not a clean one as the grid will flicker when we do this and the hack included code on JavaScript level and interop with code in Blazor.