diff --git a/packages/desktop-client/src/components/reports/ModeButton.tsx b/packages/desktop-client/src/components/reports/ModeButton.tsx
index 94a208e1ff031bd417acfb5f4d686396bdf08cb5..8a35546d778a58433cffcd9390598c9a04e54fc7 100644
--- a/packages/desktop-client/src/components/reports/ModeButton.tsx
+++ b/packages/desktop-client/src/components/reports/ModeButton.tsx
@@ -27,6 +27,7 @@ export function ModeButton({
           backgroundColor: theme.menuBackground,
           marginRight: 5,
           fontSize: 'inherit',
+          ...style,
           ...(selected && {
             backgroundColor: theme.buttonPrimaryBackground,
             color: theme.buttonPrimaryText,
@@ -35,7 +36,6 @@ export function ModeButton({
               color: theme.buttonPrimaryTextHover,
             },
           }),
-          ...style,
         }),
       )}
       onPress={onSelect}
diff --git a/upcoming-release-notes/3257.md b/upcoming-release-notes/3257.md
new file mode 100644
index 0000000000000000000000000000000000000000..5588203d107987757048f60ded741f115a57147c
--- /dev/null
+++ b/upcoming-release-notes/3257.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [carkom]
+---
+
+Fix regression in button color for spending graph. 
\ No newline at end of file