Fix notes icon changing size/position with long category or group names (#2773)

packages/desktop-client/src/components/budget/SidebarCategory.tsx

@@ -117,11 +117,13 @@ export function SidebarCategory({
         </Popover>
       </View>
       <View style={{ flex: 1 }} />
-      <NotesButton
-        id={category.id}
-        style={dragging && { color: 'currentColor' }}
-        defaultColor={theme.pageTextLight}
-      />
+      <View style={{ flexShrink: 0 }}>
+        <NotesButton
+          id={category.id}
+          style={dragging && { color: 'currentColor' }}
+          defaultColor={theme.pageTextLight}
+        />
+      </View>
     </View>
   );
 

packages/desktop-client/src/components/budget/SidebarGroup.tsx

@@ -138,11 +138,13 @@ export function SidebarGroup({
             </Popover>
           </View>
           <View style={{ flex: 1 }} />
-          <NotesButton
-            id={group.id}
-            style={dragPreview && { color: 'currentColor' }}
-            defaultColor={theme.pageTextLight}
-          />
+          <View style={{ flexShrink: 0 }}>
+            <NotesButton
+              id={group.id}
+              style={dragPreview && { color: 'currentColor' }}
+              defaultColor={theme.pageTextLight}
+            />
+          </View>
         </>
       )}
     </View>

upcoming-release-notes/2773.md

+---
+category: Bugfix
+authors: [jpelgrom]
+---
+
+Fix notes icon changing size/position with long category or group names.
\ No newline at end of file