diff --git a/nx-dev/ui-common/src/lib/headers/header.tsx b/nx-dev/ui-common/src/lib/headers/header.tsx
index 5066f95a33160..0f8beaec4fab2 100644
--- a/nx-dev/ui-common/src/lib/headers/header.tsx
+++ b/nx-dev/ui-common/src/lib/headers/header.tsx
@@ -46,7 +46,7 @@ export function Header(): JSX.Element {
   }, []);
 
   return (
-    <div className="relative inset-x-0 top-0 z-50 flex print:hidden">
+    <div className="z-5 relative inset-x-0 top-0 flex print:hidden">
       {/*DESKTOP*/}
       <div className="mx-auto hidden w-full max-w-7xl items-center justify-between space-x-10 p-4 px-8 lg:flex">
         {/*PRIMARY NAVIGATION*/}