diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 331f28d..7722800 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -29,3 +29,5 @@ $burnt: #fff1d1;
 $burnt-light: #fbf1dc;
 
 $typography-font-family: 'Rubik';
+
+$page-height: 10000px;
diff --git a/src/pages/AnnoBase.vue b/src/pages/AnnoBase.vue
index b7ae63a..b3f00ed 100644
--- a/src/pages/AnnoBase.vue
+++ b/src/pages/AnnoBase.vue
@@ -76,7 +76,7 @@ $column: 5;
 }
 
 .masonry-container {
-  height: 6000px;
+  height: $page-height;
 
   .masonry-col {
     width: 1000px;
diff --git a/src/pages/AnnoExpansions.vue b/src/pages/AnnoExpansions.vue
index f4ee8b6..2d7ad1c 100644
--- a/src/pages/AnnoExpansions.vue
+++ b/src/pages/AnnoExpansions.vue
@@ -72,7 +72,7 @@ $columns: 5;
 }
 
 .masonry-container {
-  height: 10000px;
+  height: $page-height;
 
   .masonry-col {
     width: 1000px;