diff --git a/dapp-oeth/src/components/wrap/WrapOETHPill.js b/dapp-oeth/src/components/wrap/WrapOETHPill.js index 371a547ada..3dd7f87b7e 100644 --- a/dapp-oeth/src/components/wrap/WrapOETHPill.js +++ b/dapp-oeth/src/components/wrap/WrapOETHPill.js @@ -262,7 +262,7 @@ const WrapOETHPill = ({ )}
- {topItem ? ( + {topItem && (
{displayBalance && ( @@ -286,8 +286,14 @@ const WrapOETHPill = ({ )}
+ )} + {topItem ? ( + ) : ( -
+ + )} + {topItem && ( +
{rate !== null ? fbt( '1 wOETH = ' + @@ -300,11 +306,6 @@ const WrapOETHPill = ({ : '-'}
)} - {topItem ? ( - - ) : ( - - )}
@@ -316,13 +317,17 @@ const WrapOETHPill = ({ .currency-pill { display: flex; justify-content: center; - padding: 56px 40px; + padding: 24px 40px; background-color: #1e1f25; + min-height: 150px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; } .topItem { background-color: #18191c; border-bottom: solid 1px #141519; + border-radius: 0; } .currency-pill-inner {