diff --git a/src/app/components/VideoCallContent.svelte b/src/app/components/VideoCallContent.svelte
index e0789f28..bf776058 100644
--- a/src/app/components/VideoCallContent.svelte
+++ b/src/app/components/VideoCallContent.svelte
@@ -229,7 +229,7 @@
     class={cx(
       "relative isolate overflow-hidden rounded-2xl shadow-sm",
       layout === "spotlight" && "min-h-0 flex-1",
-      layout === "default" && "min-h-0 w-full",
+      layout === "default" && "min-h-0 h-full w-full",
       layout === "strip" && "aspect-video w-44 shrink-0",
       tile.source === Track.Source.ScreenShare ? "bg-black" : "bg-surface",
     )}>
@@ -288,21 +288,23 @@
           </div>
         {/if}
       </div>
-    {:else if useMultiGrid && tileLayout}
+    {:else if useMultiGrid}
       <div
         bind:clientWidth={gridWidth}
         bind:clientHeight={gridHeight}
         class="flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto">
-        {#each tileLayout.rows as row, i}
-          {@const start = tileLayout.rows.slice(0, i).reduce((a, r) => a + r.count, 0)}
-          <div class="flex min-h-0 flex-row gap-2 justify-center">
-            {#each videoTiles.slice(start, start + row.count) as tile (tileKey(tile))}
-              <div class="min-w-0 flex-1" style="aspect-ratio: {row.aspectRatio}">
-                {@render videoTile(tile, "default")}
-              </div>
-            {/each}
-          </div>
-        {/each}
+        {#if tileLayout}
+          {#each tileLayout.rows as row, i}
+            {@const start = tileLayout.rows.slice(0, i).reduce((a, r) => a + r.count, 0)}
+            <div class="flex min-h-0 flex-row gap-2 justify-center">
+              {#each videoTiles.slice(start, start + row.count) as tile (tileKey(tile))}
+                <div class="min-w-0 flex-1" style="aspect-ratio: {row.aspectRatio}">
+                  {@render videoTile(tile, "default")}
+                </div>
+              {/each}
+            </div>
+          {/each}
+        {/if}
       </div>
     {/if}
   {:else}