diff --git a/resources/assets/stylesheets/scss/forms.scss b/resources/assets/stylesheets/scss/forms.scss
index 4e1bec0b90ac41cb4016afdfe8b1f171a2815304..013a91683b114e4ddb127b29f4061d585a93e709 100644
--- a/resources/assets/stylesheets/scss/forms.scss
+++ b/resources/assets/stylesheets/scss/forms.scss
@@ -529,6 +529,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
 @include 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>