From 30186024ef6529bd37d0978cb5f8d16e5a62d8e0 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alisonejoseph@gmail.com>
Date: Tue, 7 May 2019 20:19:04 -0500
Subject: [PATCH] fix: paragraph styles

---
 .../src/pages/component-examples/demo.mdx     | 68 +++++++++----------
 .../src/components/markdown/markdown.scss     |  2 +
 2 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/packages/example/src/pages/component-examples/demo.mdx b/packages/example/src/pages/component-examples/demo.mdx
index f7a06662d..b087fc3fb 100644
--- a/packages/example/src/pages/component-examples/demo.mdx
+++ b/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)
diff --git a/packages/gatsby-theme-carbon/src/components/markdown/markdown.scss b/packages/gatsby-theme-carbon/src/components/markdown/markdown.scss
index 3637b66eb..76d1f88c3 100644
--- a/packages/gatsby-theme-carbon/src/components/markdown/markdown.scss
+++ b/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;
 }