Horizontal scrolling in Chrome Dev Tools elements inspector?

Enabling word wrap technically solves the problem, but leads to another equally annoying situation, the "horizontal scroll hell" mentioned by user karvonen.

But it turns out Mozilla devtools avoids both problems quite ingeniously by only adding a horizontal scrollbar when the nested elements get too far. I switched to Mozilla devtools just for that:

Found a setting in the DevTools that solved this issue:

If you uncheck Word wrap everything should be fine.

The setting is located here: DevTools Settings > General > Elements > Word wrap