From 512e5068e7798986d8543ff9ecd7f410c16e1cec Mon Sep 17 00:00:00 2001
From: Marshall Polaris <marshall@pol.rs>
Date: Fri, 26 Aug 2022 21:38:23 -0700
Subject: [PATCH] Tidy up markup

---
 .../portfolio/portfolio-value-section.tsx     | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/web/components/portfolio/portfolio-value-section.tsx b/web/components/portfolio/portfolio-value-section.tsx
index 1fe39f6f..cc3ecc79 100644
--- a/web/components/portfolio/portfolio-value-section.tsx
+++ b/web/components/portfolio/portfolio-value-section.tsx
@@ -41,20 +41,16 @@ export const PortfolioValueSection = memo(
       return <></>
     }
 
+    const { balance, investmentValue } = lastPortfolioMetrics
+    const totalValue = balance + investmentValue
+
     return (
-      <div>
+      <>
         <Row className="gap-8">
-          <div className="mb-4 w-full">
-            <Col className="items-center justify-center">
-              <div className="text-sm text-gray-500">Portfolio value</div>
-              <div className="text-lg">
-                {formatMoney(
-                  lastPortfolioMetrics.balance +
-                    lastPortfolioMetrics.investmentValue
-                )}
-              </div>
-            </Col>
-          </div>
+          <Col className="flex-1 justify-center">
+            <div className="text-sm text-gray-500">Portfolio value</div>
+            <div className="text-lg">{formatMoney(totalValue)}</div>
+          </Col>
           <select
             className="select select-bordered self-start"
             value={portfolioPeriod}
@@ -72,7 +68,7 @@ export const PortfolioValueSection = memo(
           portfolioHistory={portfolioHistory}
           includeTime={portfolioPeriod == 'daily'}
         />
-      </div>
+      </>
     )
   }
 )