fix(atoms): fix input left/right icons position

8base · Jul 17, 2018 · 0ded534 · 0ded534
1 parent f73b1a9
commit 0ded534
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/atoms/dataEntry/Input/Input.theme.js b/src/atoms/dataEntry/Input/Input.theme.js
@@ -76,12 +76,12 @@ const iconsStyles = {
 
 const InputLeftIconTag = createStyledTag(name, {
   ...iconsStyles,
-  left: 0,
+  left: '1rem',
 });
 
 const InputRightIconTag = createStyledTag(name, {
   ...iconsStyles,
-  right: 0,
+  right: '1rem',
 });
 
 const getInputStyles = props => ({

diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -3473,7 +3473,7 @@ exports[`Storyshots ATOMS/DATA ENTRY/Input with left icon 1`] = `
   align-items: center;
   height: 100%;
   width: 3rem;
-  left: 0;
+  left: 1rem;
 }
 
 <div
@@ -3619,7 +3619,7 @@ exports[`Storyshots ATOMS/DATA ENTRY/Input with right icon 1`] = `
   align-items: center;
   height: 100%;
   width: 3rem;
-  right: 0;
+  right: 1rem;
 }
 
 <div
@@ -3677,7 +3677,7 @@ exports[`Storyshots ATOMS/DATA ENTRY/Input with right icon and error 1`] = `
   align-items: center;
   height: 100%;
   width: 3rem;
-  right: 0;
+  right: 1rem;
 }
 
 .emotion-0 {