fix(button): Take account pr fix to release new version. Use span ins…

…ide button. Styling fixes.
TaitoUnited · Dec 30, 2017 · faa9f3f · faa9f3f
1 parent 347c23c
commit faa9f3f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/Button.js b/src/Button.js
@@ -102,7 +102,7 @@ const ButtonWrapper = styled.button`
   }
 `;
 
-const ButtonContent = withRipple(styled.div`
+const ButtonContent = withRipple(styled.span`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -126,14 +126,16 @@ const rippleStyles = {
 const Button = ({ children, ...rest }) => {
   const { disabled, small, large, className } = rest;
   return (
-    <ButtonWrapper {...rest}
-    >
-      <ButtonContent {...{ disabled, small, large, className }} wrapperStyles={rippleStyles}>
+    <ButtonWrapper {...rest}>
+      <ButtonContent
+        {...{ disabled, small, large, className }}
+        wrapperStyles={rippleStyles}
+      >
         {children}
       </ButtonContent>
     </ButtonWrapper>
   );
-}
+};
 
 Button.propTypes = {
   children: PropTypes.any,