From 52559eb22198a547b2b90b80ac063b9c895627ef Mon Sep 17 00:00:00 2001
From: Diego Palacios <diepala@gmail.com>
Date: Mon, 5 Jan 2026 18:25:12 +0100
Subject: [PATCH] Avoid budget amount truncation by collapsing the dropdown
 arrow (#6459)

* Avoid budget amount truncation by collapsing the dropdown arrow

* [autofix.ci] apply automated fixes

* fix transitions

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
---
 .../budget/envelope/EnvelopeBudgetComponents.tsx   | 14 ++++++++++++--
 .../budget/tracking/TrackingBudgetComponents.tsx   | 14 ++++++++++++--
 upcoming-release-notes/6459.md                     |  6 ++++++
 3 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 upcoming-release-notes/6459.md

diff --git a/packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx b/packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx
index 9a93c43197..744541f6f3 100644
--- a/packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx
+++ b/packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx
@@ -260,9 +260,19 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
           opacity: 0,
           transition: 'opacity .25s',
         },
-        '&:hover .hover-visible': {
+        '&:hover .hover-visible, & .force-visible .hover-visible': {
           opacity: 1,
         },
+        '& .hover-expand': {
+          maxWidth: 0,
+          overflow: 'hidden',
+          transition: 'max-width 0s .25s',
+        },
+        '&:hover .hover-expand, & .hover-expand.force-visible': {
+          maxWidth: '300px',
+          overflow: 'visible',
+          transition: 'max-width 0s linear 0s',
+        },
       }}
     >
       <View
@@ -278,6 +288,7 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
       >
         {!editing && (
           <View
+            className={`hover-expand ${budgetMenuOpen ? 'force-visible' : ''}`}
             style={{
               flexDirection: 'row',
               flexShrink: 1,
@@ -303,7 +314,6 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
                 width={14}
                 height={14}
                 className="hover-visible"
-                style={budgetMenuOpen ? { opacity: 1 } : {}}
               />
             </Button>
 
diff --git a/packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx b/packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx
index 303534b521..69aa0670cc 100644
--- a/packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx
+++ b/packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx
@@ -247,9 +247,19 @@ export const CategoryMonth = memo(function CategoryMonth({
           opacity: 0,
           transition: 'opacity .25s',
         },
-        '&:hover .hover-visible': {
+        '&:hover .hover-visible, & .force-visible .hover-visible': {
           opacity: 1,
         },
+        '& .hover-expand': {
+          maxWidth: 0,
+          overflow: 'hidden',
+          transition: 'max-width 0s .25s',
+        },
+        '&:hover .hover-expand, & .hover-expand.force-visible': {
+          maxWidth: '300px',
+          overflow: 'visible',
+          transition: 'max-width 0s linear 0s',
+        },
       }}
     >
       <View
@@ -260,6 +270,7 @@ export const CategoryMonth = memo(function CategoryMonth({
       >
         {!editing && (
           <View
+            className={`hover-expand ${menuOpen ? 'force-visible' : ''}`}
             style={{
               flexDirection: 'row',
               flexShrink: 0,
@@ -283,7 +294,6 @@ export const CategoryMonth = memo(function CategoryMonth({
                 width={14}
                 height={14}
                 className="hover-visible"
-                style={menuOpen && { opacity: 1 }}
               />
             </Button>
 
diff --git a/upcoming-release-notes/6459.md b/upcoming-release-notes/6459.md
new file mode 100644
index 0000000000..421d6cdf94
--- /dev/null
+++ b/upcoming-release-notes/6459.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [diepala]
+---
+
+Avoid truncating numbers in budgeted column by collapsing the dropdown arrow.