diff --git a/apps/client/src/widgets/collections/presentation/index.css b/apps/client/src/widgets/collections/presentation/index.css
index 7c1706af50..98ffdecb86 100644
--- a/apps/client/src/widgets/collections/presentation/index.css
+++ b/apps/client/src/widgets/collections/presentation/index.css
@@ -1,3 +1,9 @@
+.presentation-view {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
 .presentation-container {
     width: 100%;
     height: 100%;
diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index 6fb618b1f2..0934108521 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -54,7 +54,7 @@ export default function PresentationView({ note, noteIds, media, onReady, onProg
 
     if (media === "screen") {
         return (
-            <>
+            <div class="presentation-view">
                 <CollectionProperties
                     note={note}
                     rightChildren={<ButtonOverlay containerRef={containerRef} api={api} />}
@@ -63,7 +63,7 @@ export default function PresentationView({ note, noteIds, media, onReady, onProg
                     className="presentation-container"
                     containerRef={containerRef}
                 >{content}</ShadowDom>
-            </>
+            </div>
         );
     } else if (media === "print") {
         // Printing needs a query parameter that is read by Reveal.js.