fix(callout-quote): adjust grid classes for calloutquote story

carbon-design-system · Oct 27, 2020 · 682119a · 682119a
1 parent c1e45ba
commit 682119a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.scss b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.scss
@@ -0,0 +1,10 @@
+//
+// Copyright IBM Corp. 2020
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+.dds-ce-demo-devenv--container {
+  padding: 0;
+}
diff --git a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
@@ -11,6 +11,7 @@ import { html } from 'lit-element';
 import '../callout-quote';
 import ArrowRight20 from 'carbon-web-components/es/icons/arrow--right/20.js';
 import textNullable from '../../../../.storybook/knob-text-nullable';
+import styles from './callout-quote.stories.scss';
 import readme from './README.stories.mdx';
 
 export const Default = ({ parameters }) => {
@@ -56,9 +57,12 @@ export default {
     },
     decorators: [
       story => html`
+        <style>
+          ${styles}
+        </style>
         <div class="bx--grid" style="width: 100%">
           <div class="bx--row">
-            <div class="bx--offset-lg-3 bx--col-lg-9">
+            <div class="bx--offset-lg-4 bx--col-lg-12">
               ${story()}
             </div>
           </div>