Add side margins to Appearance stories

microsoft · Nov 12, 2022 · 2e9d455 · 2e9d455
1 parent 0d61926
commit 2e9d455
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/apps/vr-tests-react-components/src/stories/Card/Card.stories.tsx b/apps/vr-tests-react-components/src/stories/Card/Card.stories.tsx
@@ -44,7 +44,7 @@ export const CardTemplates = () => (
 CardTemplates.storyName = 'card templates';
 
 export const Appearance = () => (
-  <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>
+  <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', marginLeft: '10px', marginRight: '10px' }}>
     <div>
       <h1>Filled</h1>
       <Card appearance="filled">