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 {