diff --git a/frontend/src/components/Collapsible.svelte b/frontend/src/components/Collapsible.svelte
index 9be1e5e..fd637fa 100644
--- a/frontend/src/components/Collapsible.svelte
+++ b/frontend/src/components/Collapsible.svelte
@@ -28,7 +28,7 @@
     <hr/>
   </div>
 
-  <div bind:this={content} class="content">
+  <div bind:this={content} class="content" class:expanded={expanded}>
     <slot name="content"></slot>
   </div>
 </div>
@@ -69,7 +69,13 @@
             updateSize();
         }
 
-        expanded = !expanded;
+        if (expanded) {
+            expanded = !expanded;
+        } else {
+            setTimeout(() => {
+                expanded = !expanded;
+            }, 300);
+        }
     }
 
     function updateSize() {
@@ -106,6 +112,10 @@
         max-height: 0;
     }
 
+    .content.expanded {
+        overflow: unset !important;
+    }
+
     .inline {
         display: flex;
         flex-direction: row;