Large whitespace between headers

We are seeing, on big screens, very large gaps between headers. We are using no other CSS at all, an just the vanilla redoc js. This is different to https://github.com/Redocly/redoc/issues/874 in that that appears to be for MD screens, whereas we see this on all screens.

Affects (at least) redoc@2.0.0-rc.41 - redoc@2.0.0-rc.18

Example:

The relevant HTML section:

To fix it we have to use:

  <style type="text/css">
    /* Remove excessive whitespace between headers */
    .dluJDj {
      padding: 0 0 !important;
    }

    .hiuczA {
      padding: 0 0 !important;
    }
  </style>

But given these class names are unstable this is not a permanent solution.

Reproduce the excessive header spacing with redoc@2.0.0-rc.41 through redoc@2.0.0-rc.18 on a large screen, using the HTML and screenshots in the issue as the starting point. Trace the generated header styles responsible for the padding and replace the unstable class-name workaround with a permanent fix, verified by the spacing no longer appearing without custom CSS.