diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index 1f75c2fc4..a37a606f0 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -359,7 +359,7 @@ export default function DraggableGridLayout({
     // subtract container margin, 1 camera takes up at least 4 rows
     // account for additional margin on bottom of each row
     return (
-      ((availableWidth || window.innerWidth) - 2 * marginValue) /
+      ((availableWidth ?? window.innerWidth) - 2 * marginValue) /
         12 /
         aspectRatio -
       marginValue +
@@ -710,9 +710,9 @@ export default function DraggableGridLayout({
             currentGroups={groups}
             activeGroup={group}
           />
-          {containerWidth > 0 && <Responsive
+          <Responsive
             className="grid-layout"
-            width={availableWidth}
+            width={availableWidth ?? window.innerWidth}
             layouts={{
               lg: currentGridLayout,
               md: currentGridLayout,
@@ -887,7 +887,7 @@ export default function DraggableGridLayout({
                 </GridLiveContextMenu>
               );
             })}
-          </Responsive>}
+          </Responsive>
           {isDesktop && (
             <div
               className={cn(