[Bug] Meta data in DBT Docs extends outside screen with no scrollbar

[SeppBerkner]

Is this a new bug in dbt-core?

• I believe this is a new bug in dbt-core
• I have searched the existing issues, and I could not find an existing issue for this bug

Current Behavior

When extending the width of the browser in which DBT Docs is served over a specific threshold the scrollbar for the details section of a source / model disappears and an ugly set is overleft that extents over the borders of the screen.

Expected Behavior

I would expect to have the details not in a horizontally scrollable HTML element, but rather as tiles without the need to scroll horizontally. Having long links or descriptions in it makes it cumbersome to scroll to the information that you need.

Steps To Reproduce

1. Include several different information to the meta section in a source's / model's yaml file
2. Serve dbt docs
3. go to a model / source in the UI
4. Extend the width of the browser if not already in fullsize view

Relevant log output

No response

Environment

- OS: MacOS Sonoma 14.6.1
- Python: 3.12.4
- dbt: 1.8.4

Which database adapter are you using with dbt?

postgres

Additional Context

No response