diff --git a/packages/desktop-client/src/components/budget/MobileBudgetTable.js b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
index f16f3cafe3a..32ae6200ef6 100644
--- a/packages/desktop-client/src/components/budget/MobileBudgetTable.js
+++ b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
@@ -38,7 +38,6 @@ import { ListItem, ROW_HEIGHT } from './MobileTable';
 
 function ToBudget({ toBudget, onClick }) {
   let amount = useSheetValue(toBudget);
-  let format = useFormat();
   return (
     <Button
       type="bare"
@@ -49,24 +48,25 @@ function ToBudget({ toBudget, onClick }) {
         title={amount < 0 ? 'OVERBUDGETED' : 'TO BUDGET'}
         style={{ color: colors.n1, flexShrink: 0 }}
       />
-      <Text
+      <CellValue
+        binding={toBudget}
+        type="financial"
         style={{
           ...styles.smallText,
           fontWeight: '500',
           color: amount < 0 ? colors.r4 : colors.n1,
         }}
-      >
-        {format(amount, 'financial')}
-      </Text>
+      />
     </Button>
   );
 }
 
 function Saved({ projected }) {
-  let budgetedSaved = useSheetValue(reportBudget.totalBudgetedSaved) || 0;
-  let totalSaved = useSheetValue(reportBudget.totalSaved) || 0;
-  let format = useFormat();
-  let saved = projected ? budgetedSaved : totalSaved;
+  let binding = projected
+    ? reportBudget.totalBudgetedSaved
+    : reportBudget.totalSaved;
+
+  let saved = useSheetValue(binding) || 0;
   let isNegative = saved < 0;
 
   return (
@@ -80,15 +80,15 @@ function Saved({ projected }) {
         />
       )}
 
-      <Text
+      <CellValue
+        binding={binding}
+        type="financial"
         style={{
           ...styles.smallText,
           fontWeight: '500',
           color: projected ? colors.y3 : isNegative ? colors.r4 : colors.n1,
         }}
-      >
-        {format(saved, 'financial')}
-      </Text>
+      />
     </View>
   );
 }
@@ -107,7 +107,6 @@ function BudgetCell(props) {
   } = props;
 
   let sheetValue = useSheetValue(binding);
-  let format = useFormat();
 
   function updateBudgetAmount(amount) {
     onBudgetAction?.(month, 'budget-amount', {
@@ -140,12 +139,12 @@ function BudgetCell(props) {
             height: ROW_HEIGHT - 4,
           }}
         >
-          <Text
+          <CellValue
+            binding={binding}
+            type="financial"
             style={{ ...styles.smallText, ...textStyle }}
             data-testid={name}
-          >
-            {format(sheetValue || 0, 'financial')}
-          </Text>
+          />
         </View>
       )}
     </View>