diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 1922b6c77..cb96d2cf1 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -214,6 +214,11 @@ export default function Page() {
const normalizedDeltaPercentage = Math.round(
Math.min(100, Math.abs(deltaPercentage) * 2 * 100 + 25),
);
+ const resolvedDisplayValue = display
+ ? display(stats[index])
+ : decimals === undefined
+ ? value
+ : value?.toFixed(decimals);
return (
- {display
- ? display(stats[index])
- : decimals === undefined
- ? value
- : value?.toFixed(decimals)}
+ {resolvedDisplayValue}
- {delta !== 0 && (
- <>
- {deltaMode === 'absolute' && (
-
- (
- {`${delta > 0 ? '+' : ''}${
- deltaNominalDisplay
- ? deltaNominalDisplay(delta)
- : decimals === undefined
- ? delta
- : delta.toFixed(decimals)
- }`}
- )
-
- )}
+ {delta !== 0 &&
+ resolvedDisplayValue !== undefined &&
+ values[0] !== undefined && (
+ <>
+ {deltaMode === 'absolute' && (
+
+ (
+ {`${delta > 0 ? '+' : ''}${
+ deltaNominalDisplay
+ ? deltaNominalDisplay(delta)
+ : decimals === undefined
+ ? delta
+ : delta.toFixed(decimals)
+ }`}
+ )
+
+ )}
- {deltaMode === 'percentage' && (
-
- (
- {`${deltaPercentage > 0 ? '+' : ''}${Math.round(
- deltaPercentage * 100,
- )}%`}
- )
-
- )}
- >
- )}
+ {deltaMode === 'percentage' && (
+
+ (
+ {`${deltaPercentage > 0 ? '+' : ''}${Math.round(
+ deltaPercentage * 100,
+ )}%`}
+ )
+
+ )}
+ >
+ )}
);