From 6279b657582ef7563f75e9050496761afc439447 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Fri, 27 Feb 2026 13:39:21 +0100
Subject: [PATCH 1/3] remove unnecesary row when there is no sidenav

---
 packages/lib/src/layout/ApplicationLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/lib/src/layout/ApplicationLayout.tsx b/packages/lib/src/layout/ApplicationLayout.tsx
index 18fb4dc425..babb9d000a 100644
--- a/packages/lib/src/layout/ApplicationLayout.tsx
+++ b/packages/lib/src/layout/ApplicationLayout.tsx
@@ -31,7 +31,7 @@ const BodyContainer = styled.div<{ hasSidenav?: boolean }>`
 
   @media (max-width: ${responsiveSizes.medium}rem) {
     grid-template-columns: 1fr;
-    grid-template-rows: auto 1fr;
+    grid-template-rows: ${({ hasSidenav }) => (hasSidenav ? "auto 1fr" : "1fr")};
   }
 `;
 

From aed5554e8692e69940d505c714299ddac9a4654d Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Fri, 27 Feb 2026 13:55:53 +0100
Subject: [PATCH 2/3] Add responsive collapsed sidenav story

---
 packages/lib/src/sidenav/Sidenav.stories.tsx | 33 ++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/packages/lib/src/sidenav/Sidenav.stories.tsx b/packages/lib/src/sidenav/Sidenav.stories.tsx
index 610a40fc39..aa51788faa 100644
--- a/packages/lib/src/sidenav/Sidenav.stories.tsx
+++ b/packages/lib/src/sidenav/Sidenav.stories.tsx
@@ -563,6 +563,39 @@ export const Responsive: Story = {
   },
 };
 
+export const CollapsedResponsiveSidenav: Story = {
+  render: SidenavInLayout,
+  parameters: {
+    chromatic: { viewports: [540] },
+  },
+  globals: {
+    viewport: { value: "pixel", isRotated: false },
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const collapseButtons = await canvas.findAllByRole("button", { name: "Collapse" });
+    for (const button of collapseButtons) {
+      await userEvent.click(button);
+    }
+    const menuItem1 = (await canvas.findAllByRole("button"))[9];
+    if (menuItem1) {
+      await userEvent.click(menuItem1);
+    }
+    const menuItem2 = (await canvas.findAllByRole("button"))[11];
+    if (menuItem2) {
+      await userEvent.click(menuItem2);
+    }
+    const menuItem3 = (await canvas.findAllByRole("button"))[21];
+    if (menuItem3) {
+      await userEvent.click(menuItem3);
+    }
+    const menuItem4 = (await canvas.findAllByRole("button"))[23];
+    if (menuItem4) {
+      await userEvent.click(menuItem4);
+    }
+  },
+};
+
 type Story = StoryObj<typeof DxcSidenav>;
 
 export const Chromatic: Story = {

From f2351b0f661cb9c3d55c5a3e6945713f21909704 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Fri, 27 Feb 2026 14:13:01 +0100
Subject: [PATCH 3/3] Remove unnecesary code for this story

---
 packages/lib/src/sidenav/Sidenav.stories.tsx | 23 --------------------
 1 file changed, 23 deletions(-)

diff --git a/packages/lib/src/sidenav/Sidenav.stories.tsx b/packages/lib/src/sidenav/Sidenav.stories.tsx
index aa51788faa..c6c7b32927 100644
--- a/packages/lib/src/sidenav/Sidenav.stories.tsx
+++ b/packages/lib/src/sidenav/Sidenav.stories.tsx
@@ -571,29 +571,6 @@ export const CollapsedResponsiveSidenav: Story = {
   globals: {
     viewport: { value: "pixel", isRotated: false },
   },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const collapseButtons = await canvas.findAllByRole("button", { name: "Collapse" });
-    for (const button of collapseButtons) {
-      await userEvent.click(button);
-    }
-    const menuItem1 = (await canvas.findAllByRole("button"))[9];
-    if (menuItem1) {
-      await userEvent.click(menuItem1);
-    }
-    const menuItem2 = (await canvas.findAllByRole("button"))[11];
-    if (menuItem2) {
-      await userEvent.click(menuItem2);
-    }
-    const menuItem3 = (await canvas.findAllByRole("button"))[21];
-    if (menuItem3) {
-      await userEvent.click(menuItem3);
-    }
-    const menuItem4 = (await canvas.findAllByRole("button"))[23];
-    if (menuItem4) {
-      await userEvent.click(menuItem4);
-    }
-  },
 };
 
 type Story = StoryObj<typeof DxcSidenav>;