diff --git a/src/components/layout/header/page-header/PageHeader.tsx b/src/components/layout/header/page-header/PageHeader.tsx
index 8d41ef4f5..9ee084789 100644
--- a/src/components/layout/header/page-header/PageHeader.tsx
+++ b/src/components/layout/header/page-header/PageHeader.tsx
@@ -84,11 +84,13 @@ const StyledPageHeader = styled(StyledHeaderBase)`
       ${cssVar('layout-page-header-sizes-height-collapsed')} - var(--page-header-total-height) -
         ${cssVar('dimension-space-300')}
     );
+    z-index: 1;
   }
 
   &[data-scroll-behavior='${PageHeaderScrollBehavior.sticky}'] {
     position: sticky;
     top: 0;
+    z-index: 1;
   }
 `;
 StyledPageHeader.displayName = 'StyledPageHeader';
diff --git a/stories/layout/Layout-stories.tsx b/stories/layout/Layout-stories.tsx
index 7bc95fda8..17c0217ea 100644
--- a/stories/layout/Layout-stories.tsx
+++ b/stories/layout/Layout-stories.tsx
@@ -37,6 +37,7 @@ import {
   LinkStandalone,
   LogoSonarQubeServer,
   Text,
+  TextInput,
 } from '../../src';
 import { AsideSize } from '../../src/components/layout/LayoutTypes';
 import { PageHeaderScrollBehavior } from '../../src/components/layout/header/common/HeaderTypes';
@@ -158,6 +159,7 @@ export const Default: Story = {
 
         <Layout.PageGrid width={args.pageWidth}>
           {args.pageHeader(args.pageHeaderScrollBehavior)}
+
           <Layout.PageContent>
             <p>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
@@ -167,6 +169,14 @@ export const Default: Story = {
               Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
               mollit anim id est laborum.
             </p>
+            <br />
+            <TextInput
+              ariaLabel="should scroll under a sticky header"
+              prefix={<IconSearch />}
+              suffix={<IconBranch />}
+              width="large"
+            />
+
             <div
               style={{
                 display: 'flex',
@@ -181,6 +191,7 @@ export const Default: Story = {
               ))}
             </div>
           </Layout.PageContent>
+
           <Layout.PageFooter>
             <Text isSubtle>2018-2025 SonarSource Sàrl. All rights reserved</Text>
             <Links>