Overlap of widgets when max rows is set

[tarunigattu1992]

Hi,

I am working on an application Quindar which is a real-time space mission operations application supported by Audacy (https://audacy.space), which uses widgets to display real time telemetry data.I recently had to set maxRows based on screen sizes to avoid scroll ability on the dashboard but when that is set ,it induces the overlap issue for the existing widgets due to space constraint.

Issue:It should not be possible to add widgets or size them to the point when the window starts to scroll in the browser. This encourages the user to create things hidden from you .

The application is running at http://quindar.space
Quindar UX github repo: https://github.com/quindar/quindar-ux

Is there a way to avoid overlapping of widgets when the space is limited?