refactor(Callout): wrap story with semantic ui container

eea · May 5, 2022 · ead362d · ead362d
1 parent b419334
commit ead362d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/ui/Callout/Callout.stories.jsx b/src/ui/Callout/Callout.stories.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Container } from 'semantic-ui-react';
 import Callout from './Callout';
 
 const CITATION =
@@ -17,9 +18,11 @@ export default {
 };
 
 export const Default = (args) => (
-  <Callout>
-    <Callout.Content>{args.content}</Callout.Content>
-  </Callout>
+  <Container>
+    <Callout>
+      <Callout.Content>{args.content}</Callout.Content>
+    </Callout>
+  </Container>
 );
 
 Default.args = {