From 7c8fd688e66e072628d6891384d970cbecfdd76b Mon Sep 17 00:00:00 2001
From: unknown <scottymitch88@gmail.com>
Date: Tue, 16 May 2023 11:00:10 -0400
Subject: [PATCH 1/2] Fix wOETH to oeth rate conversion

---
 dapp-oeth/src/components/wrap/WrapOETHPill.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/dapp-oeth/src/components/wrap/WrapOETHPill.js b/dapp-oeth/src/components/wrap/WrapOETHPill.js
index 371a547ada..a3640a6556 100644
--- a/dapp-oeth/src/components/wrap/WrapOETHPill.js
+++ b/dapp-oeth/src/components/wrap/WrapOETHPill.js
@@ -262,7 +262,7 @@ const WrapOETHPill = ({
             )}
           </div>
           <div className="d-flex flex-column justify-content-between align-items-end output-holder">
-            {topItem ? (
+            {topItem && (
               <div className="d-flex align-items-center">
                 <div className="d-flex justify-content-between balance">
                   {displayBalance && (
@@ -286,8 +286,14 @@ const WrapOETHPill = ({
                   )}
                 </div>
               </div>
+            )}
+            {topItem ? (
+              <CoinSelect selected={swapMode === 'mint' ? 'oeth' : 'woeth'} />
             ) : (
-              <div className="balance mt-auto">
+              <CoinSelect selected={swapMode === 'mint' ? 'woeth' : 'oeth'} />
+            )}
+            {topItem && (
+              <div className="balance mt-2">
                 {rate !== null
                   ? fbt(
                       '1 wOETH = ' +
@@ -300,11 +306,6 @@ const WrapOETHPill = ({
                   : '-'}
               </div>
             )}
-            {topItem ? (
-              <CoinSelect selected={swapMode === 'mint' ? 'oeth' : 'woeth'} />
-            ) : (
-              <CoinSelect selected={swapMode === 'mint' ? 'woeth' : 'oeth'} />
-            )}
           </div>
         </div>
       </div>

From 510661482c5345a8f3d65316e0ef2407de885640 Mon Sep 17 00:00:00 2001
From: unknown <scottymitch88@gmail.com>
Date: Tue, 16 May 2023 11:04:14 -0400
Subject: [PATCH 2/2] Fix styling of wrap

---
 dapp-oeth/src/components/wrap/WrapOETHPill.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/dapp-oeth/src/components/wrap/WrapOETHPill.js b/dapp-oeth/src/components/wrap/WrapOETHPill.js
index a3640a6556..3dd7f87b7e 100644
--- a/dapp-oeth/src/components/wrap/WrapOETHPill.js
+++ b/dapp-oeth/src/components/wrap/WrapOETHPill.js
@@ -317,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 {