diff --git a/custom.css b/custom.css
index b2eac39b..870ef5c3 100644
--- a/custom.css
+++ b/custom.css
@@ -49,6 +49,21 @@
   background-color: #4b4f54 !important;
 }
 
+.btn-outline-danger:hover {
+  background-color: #dae0e5 !important;
+  color: black;
+}
+
+.btn-dark {
+  background-color: white !important;
+  color: #149633;
+  border-color: #149633 !important;
+}
+
+.btn-dark:hover {
+  color: black;
+}
+
 .dropdown-item {
   cursor: pointer;
 }
@@ -161,6 +176,20 @@ body[data-style="dark"] .card.bg-info .card.bg-info {
   color: black !important;
 }
 
+body[data-style="dark"] .btn-outline-danger {
+  background-color: #2d3236 !important;
+}
+
+body[data-style="dark"] .btn-dark {
+  background-color: #2d3236 !important;
+  color: #149633;
+  border-color: #149633;
+}
+
+body[data-style="dark"] .btn-dark:hover {
+  color: white;
+}
+
 body[data-style="dark"] .card.bg-dark {
   background-color: #4b4f54 !important;
   color: white !important;
diff --git a/view.js b/view.js
index 978c58bd..15e5f049 100644
--- a/view.js
+++ b/view.js
@@ -270,6 +270,7 @@ function generateMap(data, struct) {
         $header.append('<button type="button" class="btn btn-danger mb-2 float-right" onclick="removeFromMap(this)" data-i18n="' + struct.translate + '_remove"></button>');
         $item.prepend($header);
       } else {
+        $item.addClass("ml-3");
         $item.append('<div class="input-group-append"><button class="btn btn-outline-danger bg-light" type="button" onclick="removeFromMap(this)" data-i18n="remove"></button></div>');
       }
       out[field.id] = outValue;