diff --git a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
index bfd5c55146935872fe00eee326f4004331ffe329..ce8d398e1c55699dd0cdf7de5a3e3ac827b98749 100644
--- a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
+++ b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
@@ -1832,7 +1832,7 @@ function BudgetTableHeader({
             <Button
               variant="bare"
               isDisabled={show3Cols}
-              onPress={toggleSpentColumn()}
+              onPress={toggleSpentColumn}
               style={buttonStyle}
             >
               <View style={{ alignItems: 'flex-end' }}>
diff --git a/upcoming-release-notes/3333.md b/upcoming-release-notes/3333.md
new file mode 100644
index 0000000000000000000000000000000000000000..9af85abeb248fcf5019fcd9eddb7d2dcbdf0e9cf
--- /dev/null
+++ b/upcoming-release-notes/3333.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [tim-smart]
+---
+
+Fix toggleSpentColumn being called on every render on mobile