add padding to account charts

components/account/AccountPage.tsx

@@ -324,34 +324,39 @@ const AccountPage = () => {
         />
       ) : null}
     </>
-  ) : chartToShow === 'account-value' ? (
-    <AccountChart
-      chartToShow="account-value"
-      data={performanceData}
-      hideChart={handleHideChart}
-      mangoAccount={mangoAccount!}
-      yKey="account_equity"
-    />
-  ) : chartToShow === 'pnl' ? (
-    <AccountChart
-      chartToShow="pnl"
-      data={performanceData}
-      hideChart={handleHideChart}
-      mangoAccount={mangoAccount!}
-      yKey="pnl"
-    />
   ) : (
-    <AccountChart
+    <div className="p-6">
-      chartToShow="cumulative-interest-value"
+      {chartToShow === 'account-value' ? (
-      data={performanceData.map((d) => ({
+        <AccountChart
-        interest_value:
+          chartToShow="account-value"
-          d.borrow_interest_cumulative_usd + d.deposit_interest_cumulative_usd,
+          data={performanceData}
-        time: d.time,
+          hideChart={handleHideChart}
-      }))}
+          mangoAccount={mangoAccount!}
-      hideChart={handleHideChart}
+          yKey="account_equity"
-      mangoAccount={mangoAccount!}
+        />
-      yKey="interest_value"
+      ) : chartToShow === 'pnl' ? (
-    />
+        <AccountChart
+          chartToShow="pnl"
+          data={performanceData}
+          hideChart={handleHideChart}
+          mangoAccount={mangoAccount!}
+          yKey="pnl"
+        />
+      ) : (
+        <AccountChart
+          chartToShow="cumulative-interest-value"
+          data={performanceData.map((d) => ({
+            interest_value:
+              d.borrow_interest_cumulative_usd +
+              d.deposit_interest_cumulative_usd,
+            time: d.time,
+          }))}
+          hideChart={handleHideChart}
+          mangoAccount={mangoAccount!}
+          yKey="interest_value"
+        />
+      )}
+    </div>
   )
 }