diff --git a/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js b/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js index dfa4a2f1..4d10baef 100644 --- a/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js @@ -19,11 +19,10 @@ type State = { footerFixed: boolean, } -const AsideWrapper = styled.aside.attrs({ - style: ({ minHeight }) => ({ - minHeight, - }), -})` +const AsideWrapper = styled.aside.attrs(props => ({ + style: { minHeight: props.minHeight }, +}))` + position: relative; top: 0px; width: 320px; @@ -33,13 +32,13 @@ 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.attrs(props => ({ + style: { + top: props.top, + left: props.left, + paddingBottom: props.paddingBottom, + }, +}))` 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 1bd89597..cca5eab1 100644 --- a/src/views/Wallet/components/LeftNavigation/index.js +++ b/src/views/Wallet/components/LeftNavigation/index.js @@ -45,11 +45,9 @@ const TransitionContentWrapper = styled.div` vertical-align: top; `; -const Footer = styled.div.attrs({ - style: ({ position }) => ({ - position, - }), -})` +const Footer = styled.div.attrs(props => ({ + style: { position: props.position }, +}))` width: 320px; bottom: 0; background: ${colors.MAIN};