From 031121802fde3194b934346335aa768ee012e3be Mon Sep 17 00:00:00 2001 From: Kyle Suss Date: Tue, 17 Nov 2020 11:37:03 -0700 Subject: [PATCH] Revert to old icon size --- src/components/Input.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Input.js b/src/components/Input.js index b4cfae95..12c2ded3 100644 --- a/src/components/Input.js +++ b/src/components/Input.js @@ -161,10 +161,10 @@ const InputWrapper = styled.div` transition: all 150ms ease-out; position: absolute; top: 50%; - height: ${props.appearance === 'pill' ? '1em' : '0.75em'}; - width: ${props.appearance === 'pill' ? '1em' : '0.75em'}; - font-size: ${props.appearance === 'pill' ? 0.75 : 1 }em; - margin-top: ${props.appearance === 'pill' ? '-.5em' : '-.375em'};; + height: 1em; + width: 1em; + font-size: ${props.appearance === 'pill' ? '0.75em' : '1em'}; + margin-top: -.5em; z-index: 3; background: transparent; @@ -180,7 +180,7 @@ const InputWrapper = styled.div` } ${InputEl} { - padding-left: 2.45em; + padding-left: 2.75em; ${props.appearance === 'pill' && css` padding-left: 2.4em; `}; ${props.appearance === 'tertiary' && css` padding-left: 1.75em; `};