diff --git a/packages/lib/src/layout/ApplicationLayout.tsx b/packages/lib/src/layout/ApplicationLayout.tsx
index 59bceafef..996daff45 100644
--- a/packages/lib/src/layout/ApplicationLayout.tsx
+++ b/packages/lib/src/layout/ApplicationLayout.tsx
@@ -127,7 +127,7 @@ const DxcApplicationLayout = ({
 }: ApplicationLayoutPropsType): JSX.Element => {
   const [isSidenavVisibleResponsive, setIsSidenavVisibleResponsive] = useState(false);
   const isResponsive = useResponsive(responsiveSizes.large);
-  const ref = useRef(null);
+  const mainContentRef = useRef<HTMLDivElement | null>(null);
   const translatedLabels = useContext(HalstackLanguageContext);
 
   const handleSidenavVisibility = () => {
@@ -140,8 +140,14 @@ const DxcApplicationLayout = ({
     }
   }, [isResponsive]);
 
+  useEffect(() => {
+    if (mainContentRef.current) {
+      mainContentRef.current.scrollTop = 0;
+    }
+  }, [children]);
+
   return (
-    <ApplicationLayoutContainer hasSidenav={!!sidenav} isSidenavVisible={isSidenavVisibleResponsive} ref={ref}>
+    <ApplicationLayoutContainer hasSidenav={!!sidenav} isSidenavVisible={isSidenavVisibleResponsive}>
       <HeaderContainer>
         {header ?? <DxcHeader underlined />}
         {sidenav && isResponsive && (
@@ -167,7 +173,7 @@ const DxcApplicationLayout = ({
             <SidenavContainer>{sidenav}</SidenavContainer>
           )}
         </SidenavContextProvider>
-        <MainContainer>
+        <MainContainer ref={mainContentRef}>
           <MainContentContainer>
             {findChildType(children, Main)}
             <FooterContainer>