From 686e1f7983000b7e040d4819cc1aca4e921473b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Mo=C4=8Dko=C5=99?= <adam.mockor@gmail.com>
Date: Thu, 3 Jan 2019 17:52:59 +0100
Subject: [PATCH] fix heading levels in Typography (#67)

---
 packages/styleguide/src/components/Typography/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/styleguide/src/components/Typography/index.js b/packages/styleguide/src/components/Typography/index.js
index 9c652031ebe..3443175ef87 100644
--- a/packages/styleguide/src/components/Typography/index.js
+++ b/packages/styleguide/src/components/Typography/index.js
@@ -17,25 +17,25 @@ export const H1 = styled.h1`
   margin-bottom: ${props => props.theme.spaces.large};
 `;
 
-export const H2 = styled.h1`
+export const H2 = styled.h2`
   ${baseCSS};
   font-size: ${rem(36)};
   line-height: 1.3333;
 `;
 
-export const H3 = styled.h1`
+export const H3 = styled.h3`
   ${baseCSS};
   font-size: ${rem(24)};
   line-height: 1.3333;
 `;
 
-export const H4 = styled.h1`
+export const H4 = styled.h4`
   ${baseCSS};
   font-size: ${props => rem(props.theme.fontSizes.base)};
   line-height: ${props => props.theme.lineHeights.base};
 `;
 
-export const H5 = styled.h1`
+export const H5 = styled.h5`
   ${baseCSS};
   color: ${props => props.theme.colors.greyDark};
   font-size: ${props => rem(props.theme.fontSizes.base)};