diff --git a/liquidity/ui/src/components/Manage/ManageStats.tsx b/liquidity/ui/src/components/Manage/ManageStats.tsx
index 2f88c92ba..265ad56dd 100644
--- a/liquidity/ui/src/components/Manage/ManageStats.tsx
+++ b/liquidity/ui/src/components/Manage/ManageStats.tsx
@@ -22,7 +22,8 @@ const ChangeStat: FC<{
hasChanges: boolean;
dataTestId?: string;
formatFn: (val: Wei) => string;
-}> = ({ formatFn, value, newValue, hasChanges, dataTestId }) => {
+ withColor?: boolean;
+}> = ({ formatFn, value, newValue, hasChanges, dataTestId, withColor }) => {
return (
- {formatFn(value)}
+
+ {formatFn(value)}
+
{hasChanges && !value.eq(newValue) ? (
<>
- {formatFn(newValue)}
+
+ {formatFn(newValue)}
+
>
) : null}
@@ -181,7 +193,7 @@ export const ManageStatsUi: FC<{
- DEBT
+ PnL
@@ -192,8 +204,8 @@ export const ManageStatsUi: FC<{
{liquidityPosition && collateralType ? (
currency(val, {
currency: 'USD',
@@ -201,6 +213,7 @@ export const ManageStatsUi: FC<{
maximumFractionDigits: 8,
})
}
+ withColor
hasChanges={hasChanges}
dataTestId="manage-stats-debt-value"
/>