It works, it makes the links visible,
but strangely it still shows me an empty space at the end
it doesn't affect my visualization

Another option: we can combine minmax(0, 1fr) with overflow-x: auto on the dd elements. This makes individual rows scrollable when their content overflows, which fixes the editor links being pushed off-screen and also works better on smaller resolutions.

Can I go ahead with this approach?

The only other way I see is to use position sticky, but it doesn't work well on small resolutions:

Let's wait for @barryvdh review

Now it adds the scrollbars.

Try adding

dl.phpdebugbar-widgets-kvlist dd.phpdebugbar-widgets-value pre.sf-dump:has(>.sf-dump-compact) {
  max-width: 90%;
}

I pushed a new version where I use max-width: calc(100% - 5px) on collapsed sf-dump blocks instead of 90%, which accounts for the right padding precisely and scales better across resolutions.

Hmm I guess this is okay, but now the scrollbar is in the dd, which is a bit confusing for larger dumps.

Would it make more sense to remove the :has(> .sf-dump-compact) and always apply the limit?

@barryvdh It's indeed better without de :has!