diff --git a/packages/desktop-client/src/components/budget/misc.js b/packages/desktop-client/src/components/budget/misc.js
index 3a9c87ef1cb..501f72ef5ab 100644
--- a/packages/desktop-client/src/components/budget/misc.js
+++ b/packages/desktop-client/src/components/budget/misc.js
@@ -15,6 +15,7 @@ import * as monthUtils from 'loot-core/src/shared/months';
import useResizeObserver from '../../hooks/useResizeObserver';
import ExpandArrow from '../../icons/v0/ExpandArrow';
+import SvgAdd from '../../icons/v1/Add';
import ArrowThinLeft from '../../icons/v1/ArrowThinLeft';
import ArrowThinRight from '../../icons/v1/ArrowThinRight';
import CheveronDown from '../../icons/v1/CheveronDown';
@@ -513,7 +514,7 @@ export function SidebarGroup({
}}
/>
)}
-
{dragPreview && Group: }
{group.name}
-
+
{!dragPreview && (
<>
@@ -548,8 +549,6 @@ export function SidebarGroup({
onMenuSelect={type => {
if (type === 'rename') {
onEdit(group.id);
- } else if (type === 'add-category') {
- onShowNewCategory(group.id);
} else if (type === 'delete') {
onDelete(group.id);
} else if (type === 'toggleVisibility') {
@@ -558,7 +557,6 @@ export function SidebarGroup({
setMenuOpen(false);
}}
items={[
- { name: 'add-category', text: 'Add category' },
{
name: 'toggleVisibility',
text: group.hidden ? 'Show' : 'Hide',
@@ -574,6 +572,19 @@ export function SidebarGroup({
>
)}
+ {!dragPreview && (
+
+
+
+ )}
);
diff --git a/upcoming-release-notes/1131.md b/upcoming-release-notes/1131.md
new file mode 100644
index 00000000000..1ff175e1999
--- /dev/null
+++ b/upcoming-release-notes/1131.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Make the Add Category button more visible by putting it beside the group name.