fix(styled-components): fix wizard step alignment issues

Author: Ian Wensink

src/Wizard/WizardProgress/styled/bar.js

@@ -5,4 +5,5 @@ export default styled.ul`
   margin: 0 0 calc(2 * ${p => p.theme.spacingUnit}) 0;
   padding: 0;
   width: calc(100% - 15px);
+  line-height: 1em;
 `;

src/Wizard/WizardProgress/styled/step-number.js

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 
 export default styled.span`
   margin-right: 5px;
+  line-height: 1em;
 
   @media (min-width: 768px) {
     display: none;

src/Wizard/WizardProgress/styled/step.js

@@ -16,22 +16,22 @@ export default styled.li`
   &::before {
     position: absolute;
     content: '';
-    top: 0;
+    top: -1px;
     left: 0;
     border-left: 20px solid #fff;
-    border-bottom: 22.5px solid transparent;
-    border-top: 22.5px solid transparent;
+    border-bottom: 23.5px solid transparent;
+    border-top: 23.5px solid transparent;
     clear: both;
   }
 
   &::after {
     position: absolute;
     content: '';
-    top: 0;
-    right: -20px;
+    top: -1px;
+    right: -19px;
     border-left: 20px solid #f4f4f4;
-    border-bottom: 22.5px solid transparent;
-    border-top: 22.5px solid transparent;
+    border-bottom: 23.5px solid transparent;
+    border-top: 23.5px solid transparent;
     clear: both;
   }