fix: paragraph styles

packages/example/src/pages/component-examples/demo.mdx

@@ -13,40 +13,8 @@ import {
   Aside,
 } from 'gatsby-theme-carbon';
 
-<PageDescription>
-  Add-on repositories, or repos, are components built for a specific product or
-  experience. The repos are built on top of the core Carbon repo, and enable
-  teams to create their own custom components that follow Carbon's visual style
-  and guidelines.
-</PageDescription>
-
-<AnchorLinks>
-  <AnchorLink>Carbon and accessibility</AnchorLink>
-  <AnchorLink>Categories of disabilities</AnchorLink>
-  <AnchorLink>Global accessibility standards</AnchorLink>
-  <AnchorLink>Resources</AnchorLink>
-  <AnchorLink>Tools</AnchorLink>
-  <AnchorLink>Tools</AnchorLink>
-  <AnchorLink>Tools</AnchorLink>
-</AnchorLinks>
-
-Add-on repositories, or repos, are components built for a specific product or
-experience. The repos are built on top of the core Carbon repo, and enable
-teams to create their own custom components that follow Carbon's visual style
-and guidelines.
-
-> Add-on repositories, or repos, are components built for a specific product or
-> experience. The repos are built on top of the core Carbon repo, and enable
-> teams to create their own custom components that follow Carbon's visual style
-> and guidelines.
-
-Add-on repositories, or repos, are components built for a specific product or
-experience. The repos are built on top of the core Carbon repo, and enable
-teams to create their own custom components that follow Carbon's visual style
-and guidelines.
-
 <Row>
-<Column colMd={6} colLg={8}>
+<Column colMd={5} colLg={7}>
 
 IBMers believe in progress—that application of intelligence, reason and science can improve business, society and the human condition.
 
@@ -66,7 +34,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. This characteristic applied to any experience is essential to its effectiveness. Everything we do (and don’t do) communicates. The care and craft we put into every experience is equal to any confidence or consideration we should expect in return.
 
 </Column>
-<Column colMd={2} colLg={4}>
+<Column colMd={2} colLg={3} offsetLg={1}>
 <Aside>
 
 **Good design is always good design.**
@@ -81,6 +49,38 @@ Their methods are as modern today as ever before, maybe more so.
 </Column>
 </Row>
 
+<PageDescription>
+  Add-on repositories, or repos, are components built for a specific product or
+  experience. The repos are built on top of the core Carbon repo, and enable
+  teams to create their own custom components that follow Carbon's visual style
+  and guidelines.
+</PageDescription>
+
+<AnchorLinks>
+  <AnchorLink>Carbon and accessibility</AnchorLink>
+  <AnchorLink>Categories of disabilities</AnchorLink>
+  <AnchorLink>Global accessibility standards</AnchorLink>
+  <AnchorLink>Resources</AnchorLink>
+  <AnchorLink>Tools</AnchorLink>
+  <AnchorLink>Tools</AnchorLink>
+  <AnchorLink>Tools</AnchorLink>
+</AnchorLinks>
+
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
+
+> Add-on repositories, or repos, are components built for a specific product or
+> experience. The repos are built on top of the core Carbon repo, and enable
+> teams to create their own custom components that follow Carbon's visual style
+> and guidelines.
+
+Add-on repositories, or repos, are components built for a specific product or
+experience. The repos are built on top of the core Carbon repo, and enable
+teams to create their own custom components that follow Carbon's visual style
+and guidelines.
+
 ## Heading 2
 
 ![blossom](../../images/blossom.jpg)

packages/gatsby-theme-carbon/src/components/markdown/markdown.scss

@@ -26,4 +26,6 @@
 // If paragraph is inside a user specified row then allow the grid code to set the width
 .#{$prefix}--row .#{$prefix}--paragraph {
   width: 100%;
+  padding-left: 0;
+  padding-right: 0;
 }