From 310bba758bd4886560b47d0cb3b979f4aaff5163 Mon Sep 17 00:00:00 2001
From: Guillim <guillim@users.noreply.github.com>
Date: Mon, 9 Dec 2024 14:44:19 +0100
Subject: [PATCH] fix (#8963)

fixing

![image](https://github.com/user-attachments/assets/96841950-17a9-4e71-b09e-f505c40a736a)
---
 .../display/components/NumberFieldDisplay.tsx         | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/NumberFieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/NumberFieldDisplay.tsx
index da254a440..568d8ce65 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/NumberFieldDisplay.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/NumberFieldDisplay.tsx
@@ -1,16 +1,19 @@
 import { useNumberFieldDisplay } from '@/object-record/record-field/meta-types/hooks/useNumberFieldDisplay';
 import { NumberDisplay } from '@/ui/field/display/components/NumberDisplay';
+import { isDefined } from 'twenty-ui';
 import { formatNumber } from '~/utils/format/number';
 
 export const NumberFieldDisplay = () => {
   const { fieldValue, fieldDefinition } = useNumberFieldDisplay();
   const decimals = fieldDefinition.metadata.settings?.decimals;
   const type = fieldDefinition.metadata.settings?.type;
+
+  if (!isDefined(fieldValue))
+    return <NumberDisplay value={null} decimals={decimals} />;
   const value =
-    type === 'percentage' && fieldValue
+    type === 'percentage'
       ? `${formatNumber(Number(fieldValue) * 100, decimals)}%`
-      : fieldValue
-        ? formatNumber(Number(fieldValue), decimals)
-        : null;
+      : formatNumber(Number(fieldValue), decimals);
+
   return <NumberDisplay value={value} decimals={decimals} />;
 };