diff --git a/packages/canon/src/components/Inline/Inline.stories.tsx b/packages/canon/src/components/Inline/Inline.stories.tsx
index 71d1140b5c..d098fa71a3 100644
--- a/packages/canon/src/components/Inline/Inline.stories.tsx
+++ b/packages/canon/src/components/Inline/Inline.stories.tsx
@@ -29,8 +29,8 @@ type Story = StoryObj<typeof meta>;
 
 const FakeBox = () => (
   <Box
-    px="xl"
-    py="md"
+    paddingX="xl"
+    paddingY="md"
     borderRadius="small"
     style={{ background: '#1f47ff', color: 'white' }}
   >
diff --git a/packages/canon/src/components/Stack/Stack.stories.tsx b/packages/canon/src/components/Stack/Stack.stories.tsx
index 8655194778..9d01238ae7 100644
--- a/packages/canon/src/components/Stack/Stack.stories.tsx
+++ b/packages/canon/src/components/Stack/Stack.stories.tsx
@@ -29,8 +29,8 @@ type Story = StoryObj<typeof meta>;
 
 const FakeBox = () => (
   <Box
-    px="xl"
-    py="md"
+    paddingX="xl"
+    paddingY="md"
     borderRadius="small"
     style={{ background: '#1f47ff', color: 'white' }}
   >