diff --git a/tedi/components/buttons/collapse/collapse.component.html b/tedi/components/buttons/collapse/collapse.component.html
index fe310cba..0d824c61 100644
--- a/tedi/components/buttons/collapse/collapse.component.html
+++ b/tedi/components/buttons/collapse/collapse.component.html
@@ -1,5 +1,6 @@
 <div class="tedi-collapse" [class.tedi-collapse--open]="isOpen() === true">
   <button
+    type="button"
     class="tedi-collapse__button"
     (click)="toggleCollapse()"
     [attr.aria-expanded]="isOpen() ? true : false"
diff --git a/tedi/components/buttons/collapse/collapse.component.spec.ts b/tedi/components/buttons/collapse/collapse.component.spec.ts
index f7488222..8364ade8 100644
--- a/tedi/components/buttons/collapse/collapse.component.spec.ts
+++ b/tedi/components/buttons/collapse/collapse.component.spec.ts
@@ -108,4 +108,13 @@ describe("CollapseComponent", () => {
     );
     expect(iconWrapper).toBeNull();
   });
+
+  it("should render the toggle button with type='button' to avoid submitting parent forms", () => {
+    const button: HTMLButtonElement = fixture.nativeElement.querySelector(
+      ".tedi-collapse__button",
+    );
+    expect(button).toBeTruthy();
+    expect(button.getAttribute("type")).toBe("button");
+    expect(button.type).toBe("button");
+  });
 });