From ba5996e3cfe3f21f0d8f5565ee4c4497f19004bc Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Mon, 24 Sep 2018 11:43:34 +0200
Subject: [PATCH] Fix icon margin in input

---
 src/components/inputs/Input/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js
index 407ff1cb..663b70ba 100644
--- a/src/components/inputs/Input/index.js
+++ b/src/components/inputs/Input/index.js
@@ -34,7 +34,7 @@ const TopLabel = styled.span`
 
 const StyledInput = styled.input`
     width: 100%;
-    padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px;
+    padding: 6px ${props => (props.hasIcon ? '32px' : '12px')} 6px 12px;
 
     line-height: 1.42857143;
     font-size: ${FONT_SIZE.SMALL};
@@ -61,7 +61,7 @@ const StyledInput = styled.input`
 const StyledIcon = styled(Icon)`
     position: absolute;
     left: auto;
-    right: 10px;
+    right: 3px;
 `;
 
 const BottomText = styled.span`
@@ -112,7 +112,7 @@ class Input extends Component {
                             />
                         )}
                         <StyledInput
-                            hasIcon={!!this.props.state}
+                            hasIcon={this.getIcon(this.props.state).length > 0}
                             innerRef={this.props.innerRef}
                             hasAddon={!!this.props.sideAddons}
                             type={this.props.type}