diff --git a/modules/dynamic/heightmap-selection.js b/modules/dynamic/heightmap-selection.js
index 3f38cf5d..e7621520 100644
--- a/modules/dynamic/heightmap-selection.js
+++ b/modules/dynamic/heightmap-selection.js
@@ -90,7 +90,7 @@ function appendStyleSheet() {
     .heightmap-selection_container {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-      grid-gap: 8px;
+      grid-gap: 6px;
     }
 
     @media (max-width: 600px) {
@@ -103,6 +103,7 @@ function appendStyleSheet() {
     @media (min-width: 2000px) {
       .heightmap-selection_container {
         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+        grid-gap: 8px;
       }
     }