From faa9f3f3dda1c341b44b4379a7805ba1fca062bb Mon Sep 17 00:00:00 2001
From: Teemu Taskula <teemu.taskula@taitounited.fi>
Date: Sat, 30 Dec 2017 12:45:22 +0200
Subject: [PATCH] fix(button): Take account pr fix to release new version. Use
 span inside button. Styling fixes.

---
 src/Button.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/Button.js b/src/Button.js
index ddb210e..57725c0 100644
--- 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,