diff --git a/js/component/modal/change_system_type.js b/js/component/modal/change_system_type.js
index 91ac187..cd07634 100644
--- a/js/component/modal/change_system_type.js
+++ b/js/component/modal/change_system_type.js
@@ -95,6 +95,9 @@ beestat.component.modal.change_system_type.prototype.decorate_contents_ = functi
 
       tile_group.add_tile(button);
     });
+    tile_group.style({
+      'margin-bottom': `${beestat.style.size.gutter}px`
+    });
     tile_group.render(parent);
   }
 };
diff --git a/js/component/modal/create_floor_plan.js b/js/component/modal/create_floor_plan.js
index 94f3fba..1b07388 100644
--- a/js/component/modal/create_floor_plan.js
+++ b/js/component/modal/create_floor_plan.js
@@ -32,6 +32,9 @@ beestat.component.modal.create_floor_plan.prototype.decorate_contents_ = functio
     .set_requirements({
       'required': true
     })
+    .style({
+      'margin-bottom': `${beestat.style.size.gutter}px`
+    })
     .render(parent);
 
   name_input.addEventListener('change', function() {
@@ -62,6 +65,9 @@ beestat.component.modal.create_floor_plan.prototype.decorate_contents_ = functio
       'type': 'integer',
       'required': true
     })
+    .style({
+      'margin-bottom': `${beestat.style.size.gutter}px`
+    })
     .render($(floor_container));
 
   floor_count_input.addEventListener('change', function() {
@@ -106,6 +112,9 @@ beestat.component.modal.create_floor_plan.prototype.decorate_contents_ = functio
       'type': 'decimal',
       'required': true
     })
+    .style({
+      'margin-bottom': `${beestat.style.size.gutter}px`
+    })
     .render(parent);
 
   ceiling_height_input.addEventListener('change', function() {