diff --git a/.changeset/loud-dingos-remember.md b/.changeset/loud-dingos-remember.md
new file mode 100644
index 0000000000..18303aed33
--- /dev/null
+++ b/.changeset/loud-dingos-remember.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fixed the dropdown toggle in the example of the intranet header with a navigation bar.
diff --git a/packages/documentation/src/stories/components/intranet-header/intranet-header-navigation-bar.sample.html b/packages/documentation/src/stories/components/intranet-header/intranet-header-navigation-bar.sample.html
index 62d9ef4b1b..d2a48fc251 100644
--- a/packages/documentation/src/stories/components/intranet-header/intranet-header-navigation-bar.sample.html
+++ b/packages/documentation/src/stories/components/intranet-header/intranet-header-navigation-bar.sample.html
@@ -3,7 +3,7 @@
     <li class="nav-item"><a class="nav-link">Link 1</a></li>
     <li class="nav-item"><a class="nav-link">Link 2</a></li>
     <li class="nav-item" ngbDropdown>
-      <span class="nav-link" id="toggle" ngbDropdownToggle>Dropdown</span>
+      <button class="nav-link" id="toggle" ngbDropdownToggle>Dropdown</button>
       <div class="dropdown-menu" aria-labelledby="toggle" ngbDropdownMenu>
         <a class="dropdown-item" ngbDropdownItem>Dropdown link 1</a>
         <a class="dropdown-item" ngbDropdownItem>Dropdown link 2</a>