From 94d5da2f1d0a7d4228ff8179a079205495e082fa Mon Sep 17 00:00:00 2001
From: Marcos Caceres <caceres_m@apple.com>
Date: Sat, 9 May 2026 12:56:36 +1000
Subject: [PATCH] fix(styles): add width:100% to .header-wrapper for flexbox
 layout

Without an explicit width, flex containers with small content
can wrap alongside adjacent elements instead of taking a full row.

Closes #5150
---
 src/styles/respec.css.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/respec.css.js b/src/styles/respec.css.js
index fa93c52fcd..5c87c4e2dd 100644
--- a/src/styles/respec.css.js
+++ b/src/styles/respec.css.js
@@ -148,6 +148,7 @@ aside.example .marker > a.self-link {
 .header-wrapper {
   display: flex;
   align-items: baseline;
+  width: 100%;
 }
 
 :is(h2, h3, h4, h5, h6):not(#toc > h2, #abstract > h2, #sotd > h2, .head > h2):has(+ a.self-link) {