From c2dd9048027f576c5fc749a81763020713a17b7b Mon Sep 17 00:00:00 2001
From: Marie Lucca <40550942+francinelucca@users.noreply.github.com>
Date: Tue, 8 Oct 2024 16:49:53 -0400
Subject: [PATCH] Update
 packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx

Co-authored-by: Mike Perrotti <mperrotti@github.com>
---
 .../src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx b/packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx
index fa732c447b8..7aa4ad18910 100644
--- a/packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx
+++ b/packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx
@@ -102,7 +102,7 @@ export const CustomAnchorId = () => {
       renderAnchor={props => <Button {...props}>Button</Button>}
       anchorId="my-custom-anchor-id"
     >
-      <Box width="100%" height="100%" display="flex" flexDirection="column">
+      <Box sx={{width: '100%', height: '100%', display: 'flex', flexDirection: 'column' }}>
         {hoverCard}
       </Box>
     </AnchoredOverlay>