diff --git a/app/assets/stylesheets/helpers.scss b/app/assets/stylesheets/helpers.scss
index 5fe44829116c9f7efa462d84adaad4f92807bc2d..b0102b6e50b84326d7c07a08ce50621f5b30429a 100644
--- a/app/assets/stylesheets/helpers.scss
+++ b/app/assets/stylesheets/helpers.scss
@@ -17,6 +17,10 @@
   right: 0;
   margin: auto;
   height: 75%;
+
+  @include media-breakpoint-down(xxl) {
+    height: 85%;
+  }
 }
 
 .no-header-height {
@@ -24,6 +28,10 @@
 
   .vertical-buffer {
     padding-top: 10%;
+
+    @include media-breakpoint-down(xxl) {
+      height: 5%;
+    }
   }
 }
 
@@ -32,6 +40,10 @@
 
   .vertical-buffer {
     padding-top: 5%;
+
+    @include media-breakpoint-down(xxl) {
+      height: 3%;
+    }
   }
 }