diff --git a/packages/desktop-client/src/components/budget/MonthPicker.tsx b/packages/desktop-client/src/components/budget/MonthPicker.tsx
index ca8b8adc090860da9acc345d0c99c63eb16b43cd..0d1a108a7131f5d00362bc0a490e81d478acd208 100644
--- a/packages/desktop-client/src/components/budget/MonthPicker.tsx
+++ b/packages/desktop-client/src/components/budget/MonthPicker.tsx
@@ -126,7 +126,7 @@ export const MonthPicker = ({
                 }),
                 ...(hovered &&
                   !selected && {
-                    backgroundColor: 'rgba(100, 100, 100, .15)',
+                    backgroundColor: theme.buttonBareBackgroundHover,
                   }),
                 ...(hovered &&
                   selected && {
diff --git a/upcoming-release-notes/2121.md b/upcoming-release-notes/2121.md
new file mode 100644
index 0000000000000000000000000000000000000000..02f5214b8699bb791f2f0ebae72ee1f6959d54b5
--- /dev/null
+++ b/upcoming-release-notes/2121.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [pprimor]
+---
+
+Change the hover background color of the month picker range to match other buttons in the UI.