From 15707fff595f0c88f15e2ea24d7250609a9329aa Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 12 Feb 2026 22:04:17 +0000
Subject: [PATCH] Update Header.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/ui/src/components/Header/Header.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Header/Header.tsx b/packages/ui/src/components/Header/Header.tsx
index 080ec13b6a..27b4cec80a 100644
--- a/packages/ui/src/components/Header/Header.tsx
+++ b/packages/ui/src/components/Header/Header.tsx
@@ -62,9 +62,19 @@ export const Header = (props: HeaderProps) => {
       );
     };
 
+    // Set height once immediately
+    updateHeight();
+
+    // Observe for resize changes if ResizeObserver is available
+    // (not present in Jest/jsdom by default)
+    if (typeof ResizeObserver === 'undefined') {
+      return () => {
+        document.documentElement.style.removeProperty('--bui-header-height');
+      };
+    }
+
     const observer = new ResizeObserver(updateHeight);
     observer.observe(el);
-    updateHeight();
 
     return () => {
       observer.disconnect();