diff --git a/frontend/src/app/main/ui/viewer.cljs b/frontend/src/app/main/ui/viewer.cljs
index 6a1507cb5..e6a460f05 100644
--- a/frontend/src/app/main/ui/viewer.cljs
+++ b/frontend/src/app/main/ui/viewer.cljs
@@ -565,7 +565,7 @@
       [:section#viewer-section {:ref viewer-section-ref
                                 :data-viewer-section true
                                 :class (stl/css-case :viewer-section true
-                                                     :fulscreen fullscreen?)
+                                                     :fullscreen fullscreen?)
                                 :on-click click-on-screen}
        (cond
          (empty? frames)
diff --git a/frontend/src/app/main/ui/viewer.scss b/frontend/src/app/main/ui/viewer.scss
index 9deb4378d..7e475a227 100644
--- a/frontend/src/app/main/ui/viewer.scss
+++ b/frontend/src/app/main/ui/viewer.scss
@@ -206,6 +206,15 @@
   transform: translateX(-$s-40);
 }
 
+[data-fullscreen="true"] .viewer-content {
+  transform: translateY(-$s-48);
+  height: 100vh;
+}
+
+[data-fullscreen="true"] .viewer-section {
+  height: 100vh;
+}
+
 [data-force-visible="true"] .viewer-go-next {
   transform: translateX(0);
 }