diff --git a/.changeset/yellow-pigs-double.md b/.changeset/yellow-pigs-double.md
new file mode 100644
index 0000000000..5f679d01c7
--- /dev/null
+++ b/.changeset/yellow-pigs-double.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/internet-header': patch
+---
+
+Hide the main navigation custom content when empty.
diff --git a/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx b/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx
index 95ed13c742..0570780ce0 100644
--- a/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx
+++ b/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx
@@ -515,7 +515,7 @@ export class PostInternetHeader {
               </If>
             </post-main-navigation>
             <div class="main-navigation-controls">
-              <div class="main-navigation-custom-content" hidden={this.isMainSlotEmpty}>
+              <div class={`main-navigation-custom-content${this.isMainSlotEmpty ? ' d-none' : ''}`}>
                 <slot name="main" onSlotchange={e => this.handleMainSlotChange(e)}></slot>
               </div>
               <If condition={this.search}>
diff --git a/packages/internet-header/src/utils/utils.scss b/packages/internet-header/src/utils/utils.scss
index 234c4804fa..49ebe43de2 100644
--- a/packages/internet-header/src/utils/utils.scss
+++ b/packages/internet-header/src/utils/utils.scss
@@ -72,6 +72,10 @@ svg {
   font-weight: 300;
 }
 
+.d-none {
+  display: none !important;
+}
+
 .d-flex {
   display: flex;
 }