From 1974a1e8645c970866a7f2c0e69ee83547a56320 Mon Sep 17 00:00:00 2001
From: emyarod <emyarod@users.noreply.github.com>
Date: Fri, 27 Sep 2019 13:41:33 -0500
Subject: [PATCH] fix(accordion): top align accordion headings (#4125)

* fix(accordion): top align accordion headings

* fix(theme-tokens): offset chevron positioning due to alignment change

* docs(Accordion): adjust example according to design guidelines

* chore: sync generated files
---
 packages/components/docs/sass.md                             | 2 +-
 packages/components/src/components/accordion/_accordion.scss | 2 +-
 packages/components/src/globals/scss/_theme-tokens.scss      | 2 +-
 packages/react/src/components/Accordion/Accordion-story.js   | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md
index 3155c9778516..72b2c9eb88a6 100644
--- a/packages/components/docs/sass.md
+++ b/packages/components/docs/sass.md
@@ -9872,7 +9872,7 @@ Accordion styles
     @include button-reset;
     color: $text-01;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: $accordion-justify-content;
     cursor: pointer;
     padding: rem(6px) 0;
diff --git a/packages/components/src/components/accordion/_accordion.scss b/packages/components/src/components/accordion/_accordion.scss
index 07eab5740ac5..dcfbe04d2040 100644
--- a/packages/components/src/components/accordion/_accordion.scss
+++ b/packages/components/src/components/accordion/_accordion.scss
@@ -36,7 +36,7 @@
     @include button-reset;
     color: $text-01;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: $accordion-justify-content;
     cursor: pointer;
     padding: rem(6px) 0;
diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
index d34a4e3c638f..9e4d6eb6ca9c 100644
--- a/packages/components/src/globals/scss/_theme-tokens.scss
+++ b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -162,7 +162,7 @@ $accordion-justify-content: flex-start !default;
 /// @type Value
 /// @access public
 /// @group accordion
-$accordion-arrow-margin: 0 $carbon--spacing-05 0 0 !default;
+$accordion-arrow-margin: 2px $carbon--spacing-05 0 0 !default;
 
 /// @type Value
 /// @access public
diff --git a/packages/react/src/components/Accordion/Accordion-story.js b/packages/react/src/components/Accordion/Accordion-story.js
index acedb98b186d..f70f4ca5d13d 100644
--- a/packages/react/src/components/Accordion/Accordion-story.js
+++ b/packages/react/src/components/Accordion/Accordion-story.js
@@ -67,9 +67,9 @@ storiesOf('Accordion', module)
         </AccordionItem>
         <AccordionItem
           title={
-            <h4>
+            <span>
               Section 4 title (<em>the title can be a node</em>)
-            </h4>
+            </span>
           }
           {...props}>
           <p>