Gadgets overlap after collapse and refresh

Issue Summary

The dashboard gadgets do not align correctly after a collapse or a refresh. To make them appear properly the gadgets need to be kept expanded and then hit a refresh
This is reproducible on Data Center: yes
The issue has resurfaced in the latest version also.

Steps to Reproduce

1. Install and Setup Jira 9.x.x
2. Create a dashboard with a few gadgets
3. Collapse a gadget and observe that the gadget below does not align itself
4. Hit a refresh and observe a black space after the gadget that collapsed earlier
5. Now expand all the gadgets and hit refresh to get a clear view
   Please watch the screen recording for a better view of the problem
   https://atlassian.zoom.us/rec/share/_DsGE0STUxzYkkSoSAashFCeSirc5isoaJcQUnNGV3Ybp79iDuBUmPL2TAVTWvuR.6cHNsk6z2ZXic1Vf
6. Can also be reproduced in Jira 9.6.0 as well. Tested on Chrome Version 110.0.5481.177 (Official Build) (x86_64), Firefox Version 110.0.1 (64 bit), and Safari Version 16.3 (18614.4.6.1.6)

Screen Recording: https://recordit.co/MvIL5s4yzm

Expected Results

Gadgets to be aligned properly according to the space available

Actual Results

Gadgets do not align properly after the collapse or a browser refresh

Workaround

Expand all the gadgets and hit a refresh on the browser. All the gadgets will load correctly in their respective spaces.

Additionally you may slightly drag any of the gadgets with minimal movement and that will already trigger a refresh of all gadget's location.