From e9e1cf25e61c4cb199a57bd7334bb1613c3a94e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cnora?= <nkrantz@twilio.com>
Date: Tue, 28 May 2024 13:59:22 -0400
Subject: [PATCH] chore: story fixes for a11y flakes

---
 .../side-panel/stories/components/SidebarWithContent.tsx      | 2 +-
 .../components/side-panel/stories/index.stories.tsx           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx b/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx
index 4502099ed8..6a15ca8c10 100644
--- a/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx
+++ b/packages/paste-core/components/side-panel/stories/components/SidebarWithContent.tsx
@@ -35,7 +35,7 @@ export const SidebarWithContent: React.FC<
         <SidebarHeaderLabel>Product name</SidebarHeaderLabel>
       </SidebarHeader>
       <SidebarBody>
-        <SidebarNavigation aria-label={id}>
+        <SidebarNavigation aria-label={id} hideItemsOnCollapse>
           <SidebarNavigationItem href="#" selected>
             Explore products
           </SidebarNavigationItem>
diff --git a/packages/paste-core/components/side-panel/stories/index.stories.tsx b/packages/paste-core/components/side-panel/stories/index.stories.tsx
index 7978428fe1..abfe67d2a9 100644
--- a/packages/paste-core/components/side-panel/stories/index.stories.tsx
+++ b/packages/paste-core/components/side-panel/stories/index.stories.tsx
@@ -67,7 +67,7 @@ export const Basic = (): React.ReactNode => {
         <SidePanelContainer id={sidePanelId} isOpen={isOpen} setIsOpen={setIsOpen}>
           <SidePanelWithContent />
           <SidePanelPushContentWrapper>
-            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40">
+            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40" id={mainContentSkipLinkID}>
               <SidePanelButton variant="secondary">Toggle Side Panel</SidePanelButton>
             </Box>
           </SidePanelPushContentWrapper>
@@ -99,7 +99,7 @@ export const I18n = (): React.ReactNode => {
           id={sidePanelId}
         >
           <SidePanelPushContentWrapper>
-            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40">
+            <Box paddingTop="space40" paddingLeft="space40" paddingRight="space40" id={mainContentSkipLinkID}>
               <SidePanelButton variant="primary">Probar Panel Lateral</SidePanelButton>
             </Box>
           </SidePanelPushContentWrapper>