diff --git a/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js b/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js index dfa4a2f1..ef5ac0b0 100644 --- a/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js @@ -19,11 +19,8 @@ type State = { footerFixed: boolean, } -const AsideWrapper = styled.aside.attrs({ - style: ({ minHeight }) => ({ - minHeight, - }), -})` +const AsideWrapper = styled.aside` + min-height: ${props => props.minHeight}px; position: relative; top: 0px; width: 320px; @@ -33,13 +30,10 @@ const AsideWrapper = styled.aside.attrs({ border-right: 1px solid ${colors.DIVIDER}; `; -const StickyContainerWrapper = styled.div.attrs({ - style: ({ top, left, paddingBottom }) => ({ - top, - left, - paddingBottom, - }), -})` +const StickyContainerWrapper = styled.div` + top: ${props => props.top}px; + left: ${props => props.left}px; + padding-bottom: ${props => props.paddingBottom}px; position: fixed; border-right: 1px solid ${colors.DIVIDER}; width: 320px; diff --git a/src/views/Wallet/components/LeftNavigation/index.js b/src/views/Wallet/components/LeftNavigation/index.js index f2ae15cf..0a46c36e 100644 --- a/src/views/Wallet/components/LeftNavigation/index.js +++ b/src/views/Wallet/components/LeftNavigation/index.js @@ -44,11 +44,8 @@ const TransitionContentWrapper = styled.div` vertical-align: top; `; -const Footer = styled.div.attrs({ - style: ({ position }) => ({ - position, - }), -})` +const Footer = styled.div` + position: ${props => props.position}; width: 320px; bottom: 0; background: ${colors.MAIN};