diff --git a/src/components/Dashboard/common/NetGrossDisplay.jsx b/src/components/Dashboard/common/NetGrossDisplay.jsx
index f0fda88..7789a6c 100644
--- a/src/components/Dashboard/common/NetGrossDisplay.jsx
+++ b/src/components/Dashboard/common/NetGrossDisplay.jsx
@@ -4,8 +4,8 @@ import PropTypes from 'prop-types'
 const { Text } = Typography
 
 const NetGrossDisplay = ({ value, prefix = '', suffix = '' }) => {
-  const net = value?.net
-  const gross = value?.gross
+  const net = parseFloat(value?.net)
+  const gross = parseFloat(value?.gross)
 
   return (
     <Flex gap={'middle'} align='center' style={{ height: '100%' }}>