diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index 9e6a8a7200..963d715e57 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -34615,7 +34615,7 @@ exports[`Storyshots Navigation|Secondary Default 1`] = `
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
     >
       <div>
         <p
@@ -34677,7 +34677,7 @@ exports[`Storyshots Navigation|Secondary Extension Point 1`] = `
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
     >
       <div>
         <p
@@ -34765,7 +34765,7 @@ exports[`Storyshots Navigation|Secondary Sub Navigation 1`] = `
     className="column is-3"
   >
     <aside
-      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 bfoGdF menu"
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 hcDqkI menu"
     >
       <div>
         <p
diff --git a/scm-ui/ui-components/src/navigation/SecondaryNavigation.tsx b/scm-ui/ui-components/src/navigation/SecondaryNavigation.tsx
index 59e3593ef2..8de1b30c1a 100644
--- a/scm-ui/ui-components/src/navigation/SecondaryNavigation.tsx
+++ b/scm-ui/ui-components/src/navigation/SecondaryNavigation.tsx
@@ -38,6 +38,11 @@ const SectionContainer = styled.aside`
   position: sticky;
   position: -webkit-sticky; /* Safari */
   top: 2rem;
+
+  @media (max-height: 900px) {
+    position: relative;
+    top: 0;
+  }
 `;
 
 const Icon = styled.i<CollapsedProps>`