diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index fa51fae6c..1334d788a 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -16,6 +16,7 @@ import {
   Layout,
   LayoutItem,
   ResponsiveGridLayout as Responsive,
+  noCompactor,
 } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
 import "react-resizable/css/styles.css";
@@ -920,6 +921,7 @@ export default function DraggableGridLayout({
           {containerWidth > 0 && <Responsive
             className="grid-layout"
             width={availableWidth}
+            compactor={fitToScreen ? noCompactor : undefined}
             layouts={{
               lg: activeGridLayout,
               md: activeGridLayout,