diff --git a/lib/claper_web/live/event_live/show.html.heex b/lib/claper_web/live/event_live/show.html.heex
index 89b6104..100653a 100644
--- a/lib/claper_web/live/event_live/show.html.heex
+++ b/lib/claper_web/live/event_live/show.html.heex
@@ -18,8 +18,10 @@
       id="attendee-room"
       class={[
         "relative mx-auto grid h-[100dvh] w-full max-w-lg overflow-hidden bg-black font-display shadow-2xl",
-        captions_visible? && "grid-rows-[auto_auto_auto_minmax(0,1fr)]",
-        !captions_visible? && "grid-rows-[auto_auto_minmax(0,1fr)]"
+        focus_content? && captions_visible? &&
+          "grid-rows-[auto_auto_auto_minmax(0,1fr)]",
+        focus_content? != captions_visible? && "grid-rows-[auto_auto_minmax(0,1fr)]",
+        !focus_content? && !captions_visible? && "grid-rows-[auto_minmax(0,1fr)]"
       ]}
     >
       <div
diff --git a/test/claper_web/live/event_live/show_test.exs b/test/claper_web/live/event_live/show_test.exs
index 4415ba4..f8e1e23 100644
--- a/test/claper_web/live/event_live/show_test.exs
+++ b/test/claper_web/live/event_live/show_test.exs
@@ -71,6 +71,7 @@ defmodule ClaperWeb.EventLive.ShowTest do
     document = Floki.parse_document!(html)
 
     assert Floki.find(document, "#focus-slot") == []
+    assert "grid-rows-[auto_minmax(0,1fr)]" in classes(document, "#attendee-room")
     refute html =~ "Waiting for content"
   end