diff --git a/emhttp/plugins/dynamix/PageMap.page b/emhttp/plugins/dynamix/PageMap.page
index 38f16dbc3..6dca635d5 100644
--- a/emhttp/plugins/dynamix/PageMap.page
+++ b/emhttp/plugins/dynamix/PageMap.page
@@ -17,12 +17,18 @@ Tag="map-o"
 ?>
 <?if (_var($display,'resize')):?>
 <script>
-function resize() {
-  $('div.up').height(Math.max(window.innerHeight-320,330));
-}
+const fillAvailableHeightParams = {
+  targetElementSelector: '.js-fill-available-height',
+  elementSelectorsForHeight: [
+    '.title',
+    '.js-actions',
+  ],
+};
 $(function() {
-  resize();
-  $(window).bind('resize',function(){resize();});
+  fillAvailableHeight(fillAvailableHeightParams);
+  $(window).bind('resize', function() {
+    fillAvailableHeight(fillAvailableHeightParams);
+  });
 });
 </script>
 <?endif;?>
@@ -57,10 +63,15 @@ foreach($uri as $more) {
     $language = array_merge($language,unserialize(file_get_contents($store)));
   }
 }
-
-echo "<div class='up'>";
-show_map("Tasks", 1);
-show_map("Buttons", 1);
-echo "</div>";
 ?>
-<input type="button" value="_(Done)_" onclick="done()">
+
+<div class="js-fill-available-height up">
+  <?
+  show_map("Tasks", 1);
+  show_map("Buttons", 1);
+  ?>
+</div>
+
+<div class="js-actions">
+  <input type="button" value="_(Done)_" onclick="done()">
+</div>