From 6388975b7aec1bf8989586bc2916128a567e1ee8 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 11 Dec 2024 10:52:26 +0100
Subject: [PATCH] docs(Page): nest footer in div (#6728)

Related issue: https://github.com/SAP/ui5-webcomponents/issues/10358
---
 .../src/webComponents/Page/Page.stories.tsx   | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/main/src/webComponents/Page/Page.stories.tsx b/packages/main/src/webComponents/Page/Page.stories.tsx
index 4f905b559ab..cac63e1290f 100644
--- a/packages/main/src/webComponents/Page/Page.stories.tsx
+++ b/packages/main/src/webComponents/Page/Page.stories.tsx
@@ -16,24 +16,25 @@ const meta = {
     header: (
       <Bar
         design={BarDesign.Header}
-        startContent={<Button icon="home" title="Go Home" />}
-        endContent={<Button icon="settings" title="Go to Settings" />}
+        startContent={<Button icon="home" title="Go Home" accessibleName="Home" />}
+        endContent={<Button icon="settings" title="Go to Settings" accessibleName="Settings" />}
       >
         <Label>Title</Label>
       </Bar>
     ),
     footer: (
-      <Bar
-        design={BarDesign.FloatingFooter}
-        startContent={<Button icon="home" title="Go Home" />}
-        endContent={
-          <>
-            <Button design={ButtonDesign.Positive}>Accept</Button>
-            <Button design={ButtonDesign.Negative}>Decline</Button>
-            <Button design={ButtonDesign.Transparent}>Cancel</Button>
-          </>
-        }
-      />
+      <div>
+        <Bar
+          design={BarDesign.FloatingFooter}
+          endContent={
+            <>
+              <Button design={ButtonDesign.Positive}>Accept</Button>
+              <Button design={ButtonDesign.Negative}>Decline</Button>
+              <Button design={ButtonDesign.Transparent}>Cancel</Button>
+            </>
+          }
+        />
+      </div>
     )
   },
   argTypes: {