diff --git a/resources/assets/stylesheets/less/forms.less b/resources/assets/stylesheets/less/forms.less
index 5ca970fb9158eb071736bbeec9344c34d0294186..b3658d7ad9d3cc54e7316c415a1650d6b926f9c1 100644
--- a/resources/assets/stylesheets/less/forms.less
+++ b/resources/assets/stylesheets/less/forms.less
@@ -533,6 +533,15 @@ form.narrow {
     }
 }
 
+// this is necessary to give a form made via formbuilder the correct design
+.formbuilderfooter {
+    background-color: #e7ebf1;
+    border-top: 1px solid #1f3f70;
+    clear: both;
+    margin-left: 0;
+    padding: 5px 10px;
+}
+
 // give forms some optimized styling for very narrow screen sizes
 .media-breakpoint-tiny-down({
     form.default {
diff --git a/templates/forms/form.php b/templates/forms/form.php
index 0d00fcb992b222f69794ae9c36344a3195b32352..36ee53bdb2d05f32fb8bc4ec30b7d7874ba75391 100644
--- a/templates/forms/form.php
+++ b/templates/forms/form.php
@@ -62,6 +62,6 @@ $form_id = md5(uniqid());
     </div>
 </form>
 
-<div data-dialog-button>
+<footer data-dialog-button class="formbuilderfooter">
     <?= \Studip\Button::create(_('Speichern'), null, ['form' => $form_id]) ?>
-</div>
+</footer>