From 0068a103633097b9716a313b99054f6d584b260e Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 11 Dec 2024 10:22:34 +0100
Subject: [PATCH 1/3] docs(Page): wrap footer in `div`

---
 .../src/webComponents/Page/Page.stories.tsx   | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/main/src/webComponents/Page/Page.stories.tsx b/packages/main/src/webComponents/Page/Page.stories.tsx
index 4f905b559ab..a6bef5bfcd6 100644
--- a/packages/main/src/webComponents/Page/Page.stories.tsx
+++ b/packages/main/src/webComponents/Page/Page.stories.tsx
@@ -23,17 +23,19 @@ const meta = {
       </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}
+          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>
     )
   },
   argTypes: {

From a405177f31571f40aded79cafaaa522a137d43f1 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 11 Dec 2024 10:23:06 +0100
Subject: [PATCH 2/3] Update Page.stories.tsx

---
 packages/main/src/webComponents/Page/Page.stories.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/main/src/webComponents/Page/Page.stories.tsx b/packages/main/src/webComponents/Page/Page.stories.tsx
index a6bef5bfcd6..e3fd9b09b94 100644
--- a/packages/main/src/webComponents/Page/Page.stories.tsx
+++ b/packages/main/src/webComponents/Page/Page.stories.tsx
@@ -26,7 +26,6 @@ const meta = {
       <div>
         <Bar
           design={BarDesign.FloatingFooter}
-          startContent={<Button icon="home" title="Go Home" />}
           endContent={
             <>
               <Button design={ButtonDesign.Positive}>Accept</Button>

From 590c461109482e0149dceb060a9c7be8fc9d53ba Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 11 Dec 2024 10:27:04 +0100
Subject: [PATCH 3/3] Update Page.stories.tsx

---
 packages/main/src/webComponents/Page/Page.stories.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/main/src/webComponents/Page/Page.stories.tsx b/packages/main/src/webComponents/Page/Page.stories.tsx
index e3fd9b09b94..cac63e1290f 100644
--- a/packages/main/src/webComponents/Page/Page.stories.tsx
+++ b/packages/main/src/webComponents/Page/Page.stories.tsx
@@ -16,8 +16,8 @@ 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>