message: Query Browser: Small clean-up of legend CSS
  Make it clearer where the height values come from.
diff: @@ -114,17 +114,18 @@ $tooltip-background-color: #151515;
  }
  .monitoring-dashboards__legend-wrap {
  - height: 75px;
  + $legend-content-height: 65px;
  + height: $legend-content-height + 10px; // Add space for the horizontal scrollbar
  overflow-x: auto;
  padding-right: var(--pf-global--spacer--lg);
  padding-top: 1px;
  svg {
  - max-height: 50px; // Required for Chrome. legend-wrap - scrollbar height
  + max-height: $legend-content-height; // Required for Chrome to prevent vertical scrolling
  }
  &:after {
  background: linear-gradient(to left, var(--pf-global--BackgroundColor--100), rgba(255, 255, 255, 0));
  content: '';
  - height: calc(100% - 10px); // Leave gap for the horizontal scrollbar
  + height: $legend-content-height;
  pointer-events: none;
  position: absolute;
  right: 0;
  