diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index 8fd856acd..ae2c64586 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -15,11 +15,22 @@ function Presentation({ note }: { note: FNote }) {
         note.getChildNotes().then(setSlides);
     }, [ note ]);
 
-    return (slides && slides?.map(slide => (
-        <Slide note={slide} />
-    )));
+    return (
+        <div className="reveal">
+            <div className="slides">
+                {slides && slides?.map(slide => (
+                    <Slide note={slide} />
+                ))}
+            </div>
+        </div>
+    )
+
 }
 
 function Slide({ note }: { note: FNote }) {
-    return <p>{note.title}</p>
+    return (
+        <section>
+            <p>{note.title}</p>
+        </section>
+    );
 }