From e5ea0039e5a7a3fbff526e7b9da5cc521899cf64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matou=C5=A1=20Dzivjak?= <matousdzivjak@gmail.com>
Date: Fri, 27 Feb 2026 19:23:06 +0100
Subject: [PATCH] fix(overrides): mobile menu toggle

- In `MobileMenuToggle.astro`, scoped <style> caused Astro to inject its
  generated class="astro-..." into the Hamburger React island path.
- Circuit UI/React expects `className`, so SSR and hydration attributes
  diverged (class vs className), triggering both the warning and hydration
  mismatch.
---
 src/overrides/MobileMenuToggle.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/overrides/MobileMenuToggle.astro b/src/overrides/MobileMenuToggle.astro
index 3e1f17f0..9c58864e 100644
--- a/src/overrides/MobileMenuToggle.astro
+++ b/src/overrides/MobileMenuToggle.astro
@@ -46,7 +46,7 @@ import { Hamburger } from "@sumup-oss/circuit-ui";
   customElements.define("starlight-menu-button", StarlightMenuButton);
 </script>
 
-<style>
+<style is:global>
   starlight-menu-button {
     position: fixed;
     top: calc((var(--sl-nav-height) - var(--sl-menu-button-size)) / 2);