From 8333ac94f404a4d691db0fde086aedf941ff197c Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Thu, 20 Sep 2018 08:00:03 +0200
Subject: [PATCH] Fix an input address icon overlaping text

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

diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js
index 339b73cc..a059f017 100644
--- a/src/components/inputs/Input/index.js
+++ b/src/components/inputs/Input/index.js
@@ -35,7 +35,7 @@ const TopLabel = styled.span`
 
 const StyledInput = styled.input`
     width: 100%;
-    padding: 6px 12px;
+    padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px;
 
     line-height: 1.42857143;
     font-family: ${FONT_FAMILY.MONOSPACE};
@@ -114,6 +114,7 @@ class Input extends Component {
                             />
                         )}
                         <StyledInput
+                            hasIcon={!!this.props.state}
                             hasAddon={!!this.props.sideAddons}
                             type={this.props.type}
                             placeholder={this.props.placeholder}