Striped rendering of opposing rack face varies (depends on rack height?)

[candlerb]

Environment

• Python version: 3.5.2
• NetBox version: 2.7.7

Steps to Reproduce

This is a very minor one, but I thought I would mention it anyway.

1. Create a rack of height 6U and one of height 47U
2. Add some devices on the front which are not full depth
3. Check the rendering of the rear side (the grey stripes)

I am checking with Chrome 80.0.3987.116 under macOS.

Expected Behavior

Visually consistent rendering

Observed Behavior

With the 6U rack, the stripes are tightly packed:

With the 47U rack, the stripes are thick:

Both racks have the same styles referenced from the rect element, and both have the same definition of element #occupied used as the fill:

<linearGradient gradientTransform="rotate(45, 0, 0)" gradientUnits="userSpaceOnUse" id="occupied" spreadMethod="repeat" x1="0" x2="0" y1="0%" y2="5%">
  <stop offset="0%" stop-color="#f7f7f7" />
  <stop offset="50%" stop-color="#f7f7f7" />
  <stop offset="50%" stop-color="#d7d7d7" />
  <stop offset="100%" stop-color="#d7d7d7" />
</linearGradient>