fix: remove extra spacing in aside component (#325)

* fix: remove extra spacing in aside component * chore: udpate example * chore: update example and padding
carbon-design-system · Aug 13, 2019 · 9841346 · 9841346 · vercel · Aug 13, 2019
1 parent dcc1678
commit 9841346
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/example/src/pages/components/Aside.mdx b/packages/example/src/pages/components/Aside.mdx
@@ -11,7 +11,7 @@ The `<Aside>` component is a wrapper component that adds styling to make the tex
 ## Example
 
 <Row>
-<Column colMd={5} colLg={7} className="bx--type-expressive-heading-03">
+<Column colMd={5} colLg={8} className="bx--type-expressive-heading-03">
 
 It is more important than ever that we own our own ethos, make palpable our brand values, and incorporate an instantly identifiable IBMness in everything we do.
 
@@ -22,7 +22,7 @@ It is more important than ever that we own our own ethos, make palpable our bran
 Aesthetic is defined as the philosophical theory or set of principles governing outward appearance or actions.
 
 </Column>
-<Column colSm={0} colMd={2} colLg={3} offsetMd={1} noGutterSm>
+<Column colSm={0} colMd={2} colLg={3} noGutterSm>
 <Aside>
 
 **Good design is always good design.**

diff --git a/packages/gatsby-theme-carbon/src/components/Aside/Aside.module.scss b/packages/gatsby-theme-carbon/src/components/Aside/Aside.module.scss
@@ -17,7 +17,7 @@
 
 :global(.#{$prefix}--row) .aside p {
   @include carbon--type-style('body-long-01');
-  width: 75%;
+  width: 85%;
   padding-right: $spacing-05;
 }