diff --git a/packages/web/docs/src/components/page.tsx b/packages/web/docs/src/components/page.tsx
index e8910d565..f6c5f2fbe 100644
--- a/packages/web/docs/src/components/page.tsx
+++ b/packages/web/docs/src/components/page.tsx
@@ -10,7 +10,9 @@ export function Page(props: { children: ReactNode; className?: string }) {
       <div className={cn('flex h-full flex-col', props.className)}>{props.children}</div>
       {mounted && <CookiesConsent />}
       {/* position Crisp button below the cookies banner */}
-      <style jsx>{' .crisp-client { z-index: 40 !important; '}</style>
+      <style jsx global>
+        {' .crisp-client { z-index: 40 !important; '}
+      </style>
     </>
   );
 }