diff --git a/changelog.d/1080.added.md b/changelog.d/1080.added.md
new file mode 100644
index 000000000..783bc4aae
--- /dev/null
+++ b/changelog.d/1080.added.md
@@ -0,0 +1 @@
+Add vertical gap between collapse element and create form on HTMX destinations page.
diff --git a/src/argus/htmx/templates/htmx/destination/_content.html b/src/argus/htmx/templates/htmx/destination/_content.html
index ca9ae6200..654cedd06 100644
--- a/src/argus/htmx/templates/htmx/destination/_content.html
+++ b/src/argus/htmx/templates/htmx/destination/_content.html
@@ -1,4 +1,4 @@
-<div id="destination-content" class="flex flex-col items-center">
+<div id="destination-content" class="flex flex-col items-center gap-4">
   {% include "htmx/destination/_create_form.html" %}
   {% for error in errors %}<p class="text-error">{{ error }}</p>{% endfor %}
   {% include "htmx/destination/_form_list.html" %}
diff --git a/src/argus/htmx/templates/htmx/destination/_form_list.html b/src/argus/htmx/templates/htmx/destination/_form_list.html
index e70ce8be1..4e4b587c2 100644
--- a/src/argus/htmx/templates/htmx/destination/_form_list.html
+++ b/src/argus/htmx/templates/htmx/destination/_form_list.html
@@ -1,4 +1,4 @@
-<div id="form-list" class="max-w-4xl w-full">
+<div id="form-list" class="flex flex-col max-w-4xl w-full gap-4">
   {% for media, forms in grouped_forms.items %}
     <details class="collapse bg-base-200 collapse-arrow" open="">
       <summary class="collapse-title text-xl font-medium">{{ media.name }} ({{ forms|length }})</summary>