diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-1-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-1-chromium-linux.png
index f2f0865d47cabe9dcd23f1aa6dd4dbb670acd605..ccabdbff8470a445d7075a37a35648ff5b49a0e0 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-1-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-2-chromium-linux.png
index e87e4e7fd29c9590b9dbf48618ff6fbb09c8b2d6..cd83e0fef41a0ad179c5aefbd88f17dcea5d91dd 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-3-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-3-chromium-linux.png
index 06f3377a2afd64babb35fe6ba505f26827d28839..762e7e671c099b7b4894b44777797acae9212a83 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-3-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-3-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-4-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-4-chromium-linux.png
index 3725305798fe32c1028a060de7efaffe612e87e8..50f0adf8f0955c1a92a2a250a07a2274ab2e62e4 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-4-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-closes-an-account-4-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-1-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-1-chromium-linux.png
index 1f4d1477c501384b248a14813031194359fa4b15..da6e409beaa5448388406cf912e1c1b36da3aafb 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-1-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png
index 63199f3238098f9dce8472ce578a132ad49dd76e..322fd271c8a99bfba5c5707e6402d2d2777dbd6d 100644
Binary files a/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.test.js-snapshots/Accounts-creates-a-new-account-and-views-the-initial-balance-transaction-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png
index 1685e7e51d787df05bf0a27823e8bebc9dd8493e..aa106681abae4e82ce119134215e229599a46491 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png
index 4f37ab8c64c1ec42e286f0f8c9a7ca389d7b5b0f..7f3745549e572e192d2220a3b5cc2d57e47ecc19 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png
index 38e8e4570aa2becb378888d6e4daa969e6913281..bbd99650655cf606d732a984b88aef72a6eb68fa 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png
index c207e1b5faf7986d24c37a2376c08467e0d2bd81..feb71a08c45b5806a13ed0e3d88d98063bce3449 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png
index ebc5ed1f82857218a151307afe99e0caa155fe55..6b70ada1870ea1ec68aa461e8bdb0511c4a3ae63 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png
index 624551b28e2cdfdf88b39b438197538978a2aece..92484b2b4447aec3b627af857c7b731b91360b28 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png
index 15672c025c777a5b8fb494de6fe8cc4c4d83abbf..f399f4af47a06e49d223a65be2a9745c88ce9847 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png
index 576204649bb8cf41b0336d650dba093805d4847f..b998873c2f13e08efdbc09de28f2199c6aadfe7f 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-and-cash-flow-reports-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png
index 7549e2cf27cc07d50f0b3cf1f716137c424e379b..13c7f8040c5c4da9a3c1f5437ff34bddc4bbada9 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png
index b7c63ff0e5141419b4be7effd51cf8c275b467ff..4133b1222cebe8aafb371460237a54f4e77826e5 100644
Binary files a/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/reports.test.js-snapshots/Reports-loads-net-worth-graph-and-checks-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-1-chromium-linux.png
index f64c072c9720562d5336764fbadfbbd05014ff3f..3ccab14d57e392c77f7655e85409c14e956132bf 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png
index 12f1b0b5f4dca6bba7825151c731aa1cd20518ae..828f64bb30263bffdeca100c9769f41bc7cefdd2 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-1-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-1-chromium-linux.png
index e74f3b7f1eb46db57e617ad5de4229821c09355f..543b9415d346557c1a5eaf1bef56b589b8a79ae1 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-1-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png
index 1e5528fdf74e49a87482afaade19e184a7a4508e..1c5f34205a524e941163448d297d2755db876fa6 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-3-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-3-chromium-linux.png
index 0f33f1f96ab968faee531234b0bee8f539d3bda5..ed2ce9f061957c2d099ffa5dd4d35c963abb652c 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-3-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-3-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-4-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-4-chromium-linux.png
index 4ec5863716c9b73ccb44da5e7ff53a68139ab8ba..8c7f0a551cb2b6fe44eef25c224a8f2a78a6b668 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-4-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-4-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-1-chromium-linux.png
index 8c164597f04d1aefd3bbc4521a20db71c45cdab0..2c38759136774d39e5c9b8757712e9822b1b2d68 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png
index 58d5ca5a80f9fe63b37978d941529fd507a51123..55b93593edd8ae3bd4d8cfbb119c868ac28f2ce7 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-checks-the-page-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-1-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-1-chromium-linux.png
index 62dd961669e609e980036898be49ab40273d6b2a..487d962c4bbe8cdf4657ee42c4808ac1a24c2ed6 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-1-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png
index 2759cde4253816de7a357b8c0fac0ce3950faf76..58f6bfda287dd69e42f73509b3cd9601b702dc86 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-3-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-3-chromium-linux.png
index 9be9b6f41cd4a7f90ea405831a971720dfdef989..0581cef7871de4261d5118cb1f728aa0860a1fbb 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-3-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-3-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-4-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-4-chromium-linux.png
index c88ef8b2b9c140e9325468ed0c82b452a1e7fc2f..540e0d80a71be12c6e0984a5c4bf179247b8373b 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-4-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-4-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png
index d3d1af2a663b88c3a3916faa9f2e78a18f551a11..9cfb8ad6bf727693ffe3ec9adb96167ff4f670b4 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-5-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-6-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-6-chromium-linux.png
index 77b8f17099e4a4c3325f3ab2474ecaab8e57866d..f1f3d3fb0c117220a5006b39deb52e2394060a81 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-6-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-6-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-7-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-7-chromium-linux.png
index 729aef5dd815317cd4fe4900279ae4c5d2f2dc78..94ef18f4d01c63ca7cf036918f0a09572f97a4cd 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-7-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-7-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png
index 00960cd2e44f9a5521bfd188bed3a852edba9605..185e1002ae6b013bc98d88e14b12e8d55590276f 100644
Binary files a/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png and b/packages/desktop-client/e2e/schedules.test.js-snapshots/Schedules-creates-a-new-schedule-posts-the-transaction-and-later-completes-it-8-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-1-chromium-linux.png
index 6fccc8eedaf70e11142f41c9ee8898367c35d761..e6e0029a859247d3e121182613c744b1bc836cab 100644
Binary files a/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png
index 9120e19e098312aa33b68b56cd8274935f3b7b15..3c49d51286dd8b44c17aedecf7203f7d3f7941f7 100644
Binary files a/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/settings.test.js-snapshots/Settings-checks-the-page-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-1-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-1-chromium-linux.png
index 93cd5f3ea0589cf7d367fc6880f1dcd60ec2b6cb..b773f5cd250727b7fb931d426d5a8ff25691ae44 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-1-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png
index ffb5ec61afd8ad9daf4c94b45be214fdab12e452..75fd9e5938e2822566226b3dd2bb5edea54dbd28 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-checks-the-page-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-1-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-1-chromium-linux.png
index fa8c3bc8044273583d5a670babe5b06b814c2a1b..7ff1dc1ff0b1e3c6e040c29cbec3ed4f98606d34 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-1-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png
index 50590f0a85354f831415daa87173cb67144a01ab..dd6073e6d0e86e89558be2b33b063695d0b791a3 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-split-test-transaction-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-1-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-1-chromium-linux.png
index 90f1ce321fc00d8f9a6081ea24932154dc5c5393..b243def911bb3ea0610019cfa37f7d5132c13c74 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-1-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-1-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png
index 486bac6fce7e32b4dd1f5b7567f71afb50ae032b..e6ed2ad1fb578401c39deb519214260a0f969d37 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-creates-a-test-transaction-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png
index 02b670d92a8f234404afabada804d010c9239089..3c73771d37dfc92884702accf9501e92068831b2 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-5-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-6-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-6-chromium-linux.png
index 63b1e7f451011ddd47dab5044e6a03ef33d569bb..b915d540ba65ed6fe61369b9b93cb30703d4e757 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-6-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-6-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-5-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-5-chromium-linux.png
index 0715fc33d7d86d45d39352e5ca513772d6ade97a..53eed49fa1df54ee063206f0eee440b24be9ad84 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-5-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-5-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-6-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-6-chromium-linux.png
index fb027e1d1581fddcdd0660642eff3b2a924111fe..8941a00c7bc07dfb48cfb475bcb7124514cea3c4 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-6-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-date-6-chromium-linux.png differ
diff --git a/packages/desktop-client/src/components/ThemeSelector.tsx b/packages/desktop-client/src/components/ThemeSelector.tsx
index 6725e023722a28665ad9de875c76f9e4c0274b55..5669da6e23be55af722942d0905585bdac9efa64 100644
--- a/packages/desktop-client/src/components/ThemeSelector.tsx
+++ b/packages/desktop-client/src/components/ThemeSelector.tsx
@@ -1,20 +1,26 @@
import React from 'react';
import { useActions } from '../hooks/useActions';
+import useFeatureFlag from '../hooks/useFeatureFlag';
import MoonStars from '../icons/v2/MoonStars';
import Sun from '../icons/v2/Sun';
import { useResponsive } from '../ResponsiveProvider';
-import { useTheme } from '../style';
+import { type CSSProperties, useTheme } from '../style';
import Button from './common/Button';
-export function ThemeSelector() {
+type ThemeSelectorProps = {
+ style?: CSSProperties;
+};
+
+export function ThemeSelector({ style }: ThemeSelectorProps) {
let theme = useTheme();
let { saveGlobalPrefs } = useActions();
let { isNarrowWidth } = useResponsive();
+ let themesFlag = useFeatureFlag('themes');
- return isNarrowWidth ? null : (
+ return isNarrowWidth || !themesFlag ? null : (
<Button
type="bare"
onClick={() => {
@@ -22,11 +28,12 @@ export function ThemeSelector() {
theme: theme === 'dark' ? 'light' : 'dark',
});
}}
+ style={style}
>
{theme === 'light' ? (
- <MoonStars style={{ width: 13, height: 13, color: 'inherit' }} />
+ <MoonStars style={{ width: 15, height: 15, color: 'inherit' }} />
) : (
- <Sun style={{ width: 13, height: 13, color: 'inherit' }} />
+ <Sun style={{ width: 15, height: 15, color: 'inherit' }} />
)}
</Button>
);
diff --git a/packages/desktop-client/src/components/Titlebar.tsx b/packages/desktop-client/src/components/Titlebar.tsx
index 6eb123d3c69ae791d89fa08b02305df1cad668c9..5d8cc5089936215142ae536c9fcfbcdf1b376abf 100644
--- a/packages/desktop-client/src/components/Titlebar.tsx
+++ b/packages/desktop-client/src/components/Titlebar.tsx
@@ -19,9 +19,9 @@ import useFeatureFlag from '../hooks/useFeatureFlag';
import useNavigate from '../hooks/useNavigate';
import ArrowLeft from '../icons/v1/ArrowLeft';
import AlertTriangle from '../icons/v2/AlertTriangle';
-import SvgEye from '../icons/v2/Eye';
-import SvgEyeSlashed from '../icons/v2/EyeSlashed';
import NavigationMenu from '../icons/v2/NavigationMenu';
+import ViewHide from '../icons/v2/ViewHide';
+import ViewShow from '../icons/v2/ViewShow';
import { useResponsive } from '../ResponsiveProvider';
import { theme, type CSSProperties, styles } from '../style';
@@ -103,23 +103,24 @@ function UncategorizedButton() {
);
}
-function PrivacyButton() {
+function PrivacyButton({ style }) {
let isPrivacyEnabled = useSelector(
state => state.prefs.local.isPrivacyEnabled,
);
let { savePrefs } = useActions();
- let privacyIconStyle = { width: 23, height: 23 };
+ let privacyIconStyle = { width: 15, height: 15 };
return (
<Button
type="bare"
onClick={() => savePrefs({ isPrivacyEnabled: !isPrivacyEnabled })}
+ style={style}
>
{isPrivacyEnabled ? (
- <SvgEyeSlashed style={privacyIconStyle} />
+ <ViewHide style={privacyIconStyle} />
) : (
- <SvgEye style={privacyIconStyle} />
+ <ViewShow style={privacyIconStyle} />
)}
</Button>
);
@@ -371,8 +372,6 @@ export default function Titlebar({ style }) {
state => state.prefs.global.floatingSidebar,
);
- let themesFlag = useFeatureFlag('themes');
-
return isNarrowWidth ? null : (
<View
style={{
@@ -442,8 +441,8 @@ export default function Titlebar({ style }) {
</Routes>
<View style={{ flex: 1 }} />
<UncategorizedButton />
- {themesFlag && <ThemeSelector />}
- <PrivacyButton />
+ <ThemeSelector style={{ marginLeft: 10 }} />
+ <PrivacyButton style={{ marginLeft: 10 }} />
{serverURL ? <SyncButton style={{ marginLeft: 10 }} /> : null}
<LoggedInUser style={{ marginLeft: 10 }} />
</View>
diff --git a/packages/desktop-client/src/components/reports/CategorySelector.tsx b/packages/desktop-client/src/components/reports/CategorySelector.tsx
index d41a512722e4c9ce69174d421e7e75ea1149e496..09be1b668a6d508678ae6ba0b95657c9d9b29c74 100644
--- a/packages/desktop-client/src/components/reports/CategorySelector.tsx
+++ b/packages/desktop-client/src/components/reports/CategorySelector.tsx
@@ -5,8 +5,8 @@ import {
type CategoryGroupEntity,
} from 'loot-core/src/types/models';
-import Eye from '../../icons/v2/Eye';
-import EyeSlashed from '../../icons/v2/EyeSlashed';
+import ViewHide from '../../icons/v2/ViewHide';
+import ViewShow from '../../icons/v2/ViewShow';
import { type CategoryListProps } from '../autocomplete/CategoryAutocomplete';
import Button from '../common/Button';
import { Checkbox } from '../forms';
@@ -30,12 +30,12 @@ export default function CategorySelector({
<Button onClick={() => setUncheckedHidden(state => !state)}>
{uncheckedHidden ? (
<>
- <Eye width={20} height={20} />
+ <ViewShow width={15} height={15} style={{ marginRight: 5 }} />
Show unchecked
</>
) : (
<>
- <EyeSlashed width={20} height={20} />
+ <ViewHide width={15} height={15} style={{ marginRight: 5 }} />
Hide unchecked
</>
)}
diff --git a/packages/desktop-client/src/icons/v0/index.ts b/packages/desktop-client/src/icons/v0/index.ts
index 528e5c2f0b530c771c1916545b3dd58f854eab97..077a6c4d9d3320671213997da4fe8542717b02b4 100644
--- a/packages/desktop-client/src/icons/v0/index.ts
+++ b/packages/desktop-client/src/icons/v0/index.ts
@@ -3,7 +3,7 @@ export { default as Delete } from './Delete';
export { default as ExpandArrow } from './ExpandArrow';
export { default as LeftArrow2 } from './LeftArrow2';
export { default as Math } from './Math';
-export { default as Merge } from './Merge';
export { default as RightArrow2 } from './RightArrow2';
-export { default as Split } from './Split';
export { default as Subtract } from './Subtract';
+export { default as Merge } from './Merge';
+export { default as Split } from './Split';
diff --git a/packages/desktop-client/src/icons/v2/Eye.tsx b/packages/desktop-client/src/icons/v2/Eye.tsx
deleted file mode 100644
index 3221f536951465dc0196b134c14774ad06a22016..0000000000000000000000000000000000000000
--- a/packages/desktop-client/src/icons/v2/Eye.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from 'react';
-import type { SVGProps } from 'react';
-const SvgEye = (props: SVGProps<SVGSVGElement>) => (
- <svg
- {...props}
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 24 24"
- style={{
- color: 'inherit',
- ...props.style,
- }}
- >
- <path
- d="M18.502 12.712c0 2.368-3.137 4.289-7.003 4.289S4.5 15.08 4.5 12.712c0-2.364 3.133-4.285 6.999-4.285 3.866 0 7.003 1.921 7.003 4.285Zm0 0"
- style={{
- fill: 'none',
- strokeWidth: 1.5,
- strokeLinecap: 'round',
- strokeLinejoin: 'round',
- stroke: 'currentColor',
- strokeOpacity: 1,
- strokeMiterlimit: 4,
- }}
- transform="matrix(.96 0 0 .96 1 .48)"
- />
- <path
- d="M13.249 12.712a1.749 1.749 0 0 1-1.054 1.644 1.757 1.757 0 0 1-1.92-.354 1.752 1.752 0 0 1 1.225-3.003c.459-.004.902.175 1.232.496.325.322.513.761.517 1.217Zm0 0"
- style={{
- fill: 'none',
- strokeWidth: 1.5,
- strokeLinecap: 'round',
- strokeLinejoin: 'round',
- stroke: 'currentColor',
- strokeOpacity: 1,
- strokeMiterlimit: 4,
- }}
- transform="matrix(.96 0 0 .96 1 .48)"
- />
- <path
- d="M10.32 8.57a.72.72 0 1 0 1.442 0Zm1.442-3.289a.72.72 0 1 0-1.441 0Zm5.8 1.973a.72.72 0 0 0-.316-.969.718.718 0 0 0-.969.313Zm-2.664 2.05a.722.722 0 0 0 .317.97c.351.18.785.039.969-.317ZM5.801 6.599a.715.715 0 0 0-.969-.313.722.722 0 0 0-.312.969Zm.097 3.359a.72.72 0 0 0 .97.316.718.718 0 0 0 .312-.968Zm5.864-1.387V5.281H10.32v3.29Zm4.515-1.972-1.379 2.707 1.286.652 1.378-2.703ZM4.52 7.254l1.378 2.703 1.282-.652L5.8 6.598Zm0 0"
- style={{
- stroke: 'none',
- fillRule: 'nonzero',
- fillOpacity: 1,
- }}
- transform="translate(1)"
- fill="currentColor"
- />
- </svg>
-);
-export default SvgEye;
diff --git a/packages/desktop-client/src/icons/v2/EyeSlashed.tsx b/packages/desktop-client/src/icons/v2/EyeSlashed.tsx
deleted file mode 100644
index b3d0c13fedaa797971491251e32da2ea8d1f1be4..0000000000000000000000000000000000000000
--- a/packages/desktop-client/src/icons/v2/EyeSlashed.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { SVGProps } from 'react';
-const SvgEyeSlashed = (props: SVGProps<SVGSVGElement>) => (
- <svg
- {...props}
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 24 24"
- style={{
- color: 'inherit',
- ...props.style,
- }}
- >
- <path
- d="M12 9.387c.398 0 .719-.32.719-.719A.717.717 0 0 0 12 7.949Zm-4.523 7.465a.72.72 0 0 0 .648-1.285Zm3.804-8.184c0 .398.32.719.719.719.398 0 .719-.32.719-.719Zm1.438-3.387A.72.72 0 0 0 12 4.56a.72.72 0 0 0-.719.722Zm-.723 2.668a.717.717 0 0 0-.715.723c0 .394.324.719.723.715Zm2.473 1.758a.72.72 0 1 0 .37-1.39Zm-7.703-3.05a.72.72 0 1 0-1.29.636Zm.09 3.421c.18.356.609.504.964.324a.718.718 0 0 0 .325-.964Zm.414 9.113c-.27.293-.25.75.043 1.02.292.27.746.25 1.015-.043Zm3.53-1.707a.72.72 0 0 0-1.058-.976Zm8.45-9.175a.717.717 0 0 0-.043-1.016.717.717 0 0 0-1.016.039Zm-3 1.132c-.27.29-.25.746.043 1.016s.75.25 1.016-.043Zm-6.508 7.067c-.27.293-.25.75.043 1.02.293.269.746.25 1.016-.044Zm2.832-2.012.531.488Zm1.043-1.133-.527-.488h-.004Zm3.692-2.949a.717.717 0 0 0-.04-1.016.722.722 0 0 0-1.019.043Zm-6.918 5.871a.72.72 0 0 0-.238 1.422Zm1.609.856v-.723Zm6.719-4.239h.722c0-.015-.003-.03-.003-.05ZM17.117 9.29a.722.722 0 0 0-.972.3.718.718 0 0 0 .3.973Zm-7.062 5.031c.23.32.68.395 1.004.164a.727.727 0 0 0 .164-1.007Zm.445-2.18.64.325Zm1.5-.933v-.719h-.004Zm.504.867c.336.211.781.106.992-.23a.722.722 0 0 0-.23-.992ZM12 7.95c-1.969 0-3.79.5-5.137 1.352-1.336.844-2.304 2.097-2.304 3.601H6c0-.832.54-1.695 1.633-2.386 1.082-.68 2.625-1.13 4.367-1.13Zm-7.441 4.953c0 1.723 1.257 3.114 2.918 3.95l.648-1.286C6.711 14.852 6 13.856 6 12.902Zm8.16-4.234V5.281H11.28v3.387Zm-.715.719c.832 0 1.66.105 2.465.32l.37-1.39a10.903 10.903 0 0 0-2.843-.368ZM5.477 7.293l1.378 2.785 1.29-.64-1.38-2.782Zm2.851 12.875 2.473-2.684-1.059-.976L7.27 19.19Zm9.863-12.836-1.941 2.11 1.059.972L19.25 8.31Zm-7.39 10.152 2.304-2.5-1.058-.976-2.305 2.5Zm2.304-2.5 1.043-1.136-1.062-.973-1.04 1.133Zm1.043-1.132 3.16-3.438-1.058-.973-3.16 3.434Zm-3.996 3.855c.614.102 1.23.152 1.848.152v-1.441c-.54 0-1.078-.043-1.61-.133Zm1.848.152c1.969 0 3.79-.504 5.137-1.351 1.336-.844 2.304-2.102 2.304-3.606H18c0 .836-.54 1.7-1.633 2.387-1.082.684-2.625 1.129-4.367 1.129Zm7.438-5.007a4.385 4.385 0 0 0-2.32-3.563l-.673 1.274A2.943 2.943 0 0 1 18 12.953Zm-8.215.625a.975.975 0 0 1-.082-1.012l-1.286-.652a2.42 2.42 0 0 0 .2 2.507Zm-.082-1.012a.98.98 0 0 1 .863-.535l-.008-1.442c-.906.008-1.73.52-2.14 1.325ZM12 11.93c.18 0 .352.047.504.144l.762-1.222A2.383 2.383 0 0 0 12 10.488Zm0 0"
- fill="currentColor"
- />
- </svg>
-);
-export default SvgEyeSlashed;
diff --git a/packages/desktop-client/src/icons/v2/ViewHide.tsx b/packages/desktop-client/src/icons/v2/ViewHide.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c37a91e62cea369a5a97acf29505f143d82377bc
--- /dev/null
+++ b/packages/desktop-client/src/icons/v2/ViewHide.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
+ <svg
+ {...props}
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 20 20"
+ style={{
+ color: 'inherit',
+ ...props.style,
+ }}
+ >
+ <path
+ d="m12.81 4.36-1.77 1.78a4 4 0 0 0-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0 1 12.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 0 1-12.62 5.64l1.77-1.78a4 4 0 0 0 4.9-4.9l2.76-2.75zm-.25-3.99 1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z"
+ fill="currentColor"
+ />
+ </svg>
+);
+export default SvgViewHide;
diff --git a/packages/desktop-client/src/icons/v2/ViewShow.tsx b/packages/desktop-client/src/icons/v2/ViewShow.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..13b76d9a63d3328a17e097f157db59409bcd78a5
--- /dev/null
+++ b/packages/desktop-client/src/icons/v2/ViewShow.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
+ <svg
+ {...props}
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 20 20"
+ style={{
+ color: 'inherit',
+ ...props.style,
+ }}
+ >
+ <path
+ d="M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10zm9.8 4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
+ fill="currentColor"
+ />
+ </svg>
+);
+export default SvgViewShow;
diff --git a/packages/desktop-client/src/icons/v2/eye-slashed.svg b/packages/desktop-client/src/icons/v2/eye-slashed.svg
deleted file mode 100644
index 04017893d322b2dbe8cd977cafdcd9c2ee10d5d3..0000000000000000000000000000000000000000
--- a/packages/desktop-client/src/icons/v2/eye-slashed.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-<g>
-<path d="M 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 C 12.71875 8.269531 12.398438 7.949219 12 7.949219 Z M 7.476562 16.851562 C 7.832031 17.03125 8.261719 16.890625 8.441406 16.535156 C 8.621094 16.179688 8.480469 15.746094 8.125 15.566406 Z M 11.28125 8.667969 C 11.28125 9.066406 11.601562 9.386719 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 Z M 12.71875 5.28125 C 12.71875 4.882812 12.398438 4.558594 12 4.558594 C 11.601562 4.558594 11.28125 4.882812 11.28125 5.28125 Z M 11.996094 7.949219 C 11.601562 7.949219 11.277344 8.273438 11.28125 8.671875 C 11.28125 9.066406 11.605469 9.390625 12.003906 9.386719 Z M 14.46875 9.707031 C 14.855469 9.808594 15.25 9.582031 15.351562 9.195312 C 15.453125 8.8125 15.226562 8.417969 14.839844 8.316406 Z M 6.765625 6.65625 C 6.589844 6.296875 6.15625 6.152344 5.800781 6.328125 C 5.445312 6.507812 5.296875 6.9375 5.476562 7.292969 Z M 6.855469 10.078125 C 7.035156 10.433594 7.464844 10.582031 7.820312 10.402344 C 8.175781 10.226562 8.324219 9.792969 8.144531 9.4375 Z M 7.269531 19.191406 C 7 19.484375 7.019531 19.941406 7.3125 20.210938 C 7.605469 20.480469 8.058594 20.460938 8.328125 20.167969 Z M 10.800781 17.484375 C 11.070312 17.191406 11.050781 16.738281 10.761719 16.46875 C 10.46875 16.199219 10.011719 16.214844 9.742188 16.507812 Z M 19.25 8.308594 C 19.519531 8.015625 19.5 7.5625 19.207031 7.292969 C 18.914062 7.023438 18.460938 7.039062 18.191406 7.332031 Z M 16.25 9.441406 C 15.980469 9.730469 16 10.1875 16.292969 10.457031 C 16.585938 10.726562 17.042969 10.707031 17.308594 10.414062 Z M 9.742188 16.507812 C 9.472656 16.800781 9.492188 17.257812 9.785156 17.527344 C 10.078125 17.796875 10.53125 17.777344 10.800781 17.484375 Z M 12.574219 14.496094 L 13.105469 14.984375 Z M 13.617188 13.363281 L 13.089844 12.875 L 13.085938 12.875 Z M 17.308594 10.414062 C 17.578125 10.121094 17.5625 9.667969 17.269531 9.398438 C 16.976562 9.128906 16.519531 9.148438 16.25 9.441406 Z M 10.390625 16.285156 C 9.996094 16.222656 9.628906 16.488281 9.5625 16.878906 C 9.496094 17.269531 9.761719 17.640625 10.152344 17.707031 Z M 12 17.140625 L 12 16.417969 Z M 18.71875 12.902344 L 19.441406 12.902344 C 19.441406 12.886719 19.4375 12.871094 19.4375 12.851562 Z M 17.117188 9.289062 C 16.765625 9.105469 16.332031 9.238281 16.144531 9.589844 C 15.957031 9.941406 16.09375 10.378906 16.445312 10.5625 Z M 10.054688 14.320312 C 10.285156 14.640625 10.734375 14.714844 11.058594 14.484375 C 11.378906 14.25 11.453125 13.800781 11.222656 13.476562 Z M 10.5 12.140625 L 11.140625 12.464844 Z M 12 11.207031 L 12 10.488281 L 11.996094 10.488281 Z M 12.503906 12.074219 C 12.839844 12.285156 13.285156 12.179688 13.496094 11.84375 C 13.707031 11.507812 13.601562 11.0625 13.265625 10.851562 Z M 12 7.949219 C 10.03125 7.949219 8.210938 8.449219 6.863281 9.300781 C 5.527344 10.144531 4.558594 11.398438 4.558594 12.902344 L 6 12.902344 C 6 12.070312 6.539062 11.207031 7.632812 10.515625 C 8.714844 9.835938 10.257812 9.386719 12 9.386719 Z M 4.558594 12.902344 C 4.558594 14.625 5.816406 16.015625 7.476562 16.851562 L 8.125 15.566406 C 6.710938 14.851562 6 13.855469 6 12.902344 Z M 12.71875 8.667969 L 12.71875 5.28125 L 11.28125 5.28125 L 11.28125 8.667969 Z M 12.003906 9.386719 C 12.835938 9.386719 13.664062 9.492188 14.46875 9.707031 L 14.839844 8.316406 C 13.914062 8.070312 12.957031 7.945312 11.996094 7.949219 Z M 5.476562 7.292969 L 6.855469 10.078125 L 8.144531 9.4375 L 6.765625 6.65625 Z M 8.328125 20.167969 L 10.800781 17.484375 L 9.742188 16.507812 L 7.269531 19.191406 Z M 18.191406 7.332031 L 16.25 9.441406 L 17.308594 10.414062 L 19.25 8.308594 Z M 10.800781 17.484375 L 13.105469 14.984375 L 12.046875 14.007812 L 9.742188 16.507812 Z M 13.105469 14.984375 L 14.148438 13.847656 L 13.085938 12.875 L 12.046875 14.007812 Z M 14.148438 13.851562 L 17.308594 10.414062 L 16.25 9.441406 L 13.089844 12.875 Z M 10.152344 17.707031 C 10.765625 17.808594 11.382812 17.859375 12 17.859375 L 12 16.417969 C 11.460938 16.417969 10.921875 16.375 10.390625 16.285156 Z M 12 17.859375 C 13.96875 17.859375 15.789062 17.355469 17.136719 16.507812 C 18.472656 15.664062 19.441406 14.40625 19.441406 12.902344 L 18 12.902344 C 18 13.738281 17.460938 14.601562 16.367188 15.289062 C 15.285156 15.972656 13.742188 16.417969 12 16.417969 Z M 19.4375 12.851562 C 19.332031 11.34375 18.453125 10 17.117188 9.289062 L 16.445312 10.5625 C 17.339844 11.039062 17.929688 11.941406 18 12.953125 Z M 11.222656 13.476562 C 11.007812 13.179688 10.976562 12.789062 11.140625 12.464844 L 9.855469 11.8125 C 9.449219 12.621094 9.523438 13.585938 10.054688 14.320312 Z M 11.140625 12.464844 C 11.308594 12.136719 11.640625 11.933594 12.003906 11.929688 L 11.996094 10.488281 C 11.089844 10.496094 10.265625 11.007812 9.855469 11.8125 Z M 12 11.929688 C 12.179688 11.929688 12.351562 11.976562 12.503906 12.074219 L 13.265625 10.851562 C 12.886719 10.613281 12.445312 10.488281 12 10.488281 Z M 12 11.929688"/>
-</g>
-</svg>
diff --git a/packages/desktop-client/src/icons/v2/eye.svg b/packages/desktop-client/src/icons/v2/eye.svg
deleted file mode 100644
index 38ab9bf43e887f2b7d621a2db96d383ed0d959dd..0000000000000000000000000000000000000000
--- a/packages/desktop-client/src/icons/v2/eye.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-<g>
-<path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 18.50179 12.712077 C 18.50179 15.080241 15.364583 17.000814 11.499023 17.000814 C 7.633464 17.000814 4.500326 15.080241 4.500326 12.712077 C 4.500326 10.347982 7.633464 8.427409 11.499023 8.427409 C 15.364583 8.427409 18.50179 10.347982 18.50179 12.712077 Z M 18.50179 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
-<path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 13.248698 12.712077 C 13.264974 13.424154 12.845866 14.075195 12.194824 14.355957 C 11.543783 14.636719 10.782878 14.498372 10.274251 14.001953 C 9.769694 13.501465 9.611003 12.748698 9.879557 12.089518 C 10.148112 11.430339 10.791016 10.999023 11.499023 10.999023 C 11.958822 10.994954 12.402344 11.173991 12.731934 11.495443 C 13.057454 11.816895 13.244629 12.256348 13.248698 12.712077 Z M 13.248698 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
-<path style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906" transform="translate(1)"/>
-</g>
-</svg>
diff --git a/packages/desktop-client/src/icons/v2/index.ts b/packages/desktop-client/src/icons/v2/index.ts
index c85f73fbb6acf684a647322c07bb0751da3d3cc8..bbe7f165b812e59432ca57b2e8fb67b7321b5dde 100644
--- a/packages/desktop-client/src/icons/v2/index.ts
+++ b/packages/desktop-client/src/icons/v2/index.ts
@@ -16,8 +16,6 @@ export { default as CloudUpload } from './CloudUpload';
export { default as CustomNotesPaper } from './CustomNotesPaper';
export { default as DownloadThickBottom } from './DownloadThickBottom';
export { default as EditSkull1 } from './EditSkull1';
-export { default as EyeSlashed } from './EyeSlashed';
-export { default as Eye } from './Eye';
export { default as FavoriteStar } from './FavoriteStar';
export { default as Filter2 } from './Filter2';
export { default as Hyperlink2 } from './Hyperlink2';
@@ -40,3 +38,5 @@ export { default as Subtract } from './Subtract';
export { default as Sun } from './Sun';
export { default as UploadThickBottom } from './UploadThickBottom';
export { default as ValidationCheck } from './ValidationCheck';
+export { default as ViewHide } from './ViewHide';
+export { default as ViewShow } from './ViewShow';
diff --git a/packages/desktop-client/src/icons/v2/view-hide.svg b/packages/desktop-client/src/icons/v2/view-hide.svg
new file mode 100644
index 0000000000000000000000000000000000000000..85482f26a286eb9a8143cd974ca4f8a0777ca836
--- /dev/null
+++ b/packages/desktop-client/src/icons/v2/view-hide.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.81 4.36l-1.77 1.78a4 4 0 0 0-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0 1 12.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 0 1-12.62 5.64l1.77-1.78a4 4 0 0 0 4.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z"/></svg>
\ No newline at end of file
diff --git a/packages/desktop-client/src/icons/v2/view-show.svg b/packages/desktop-client/src/icons/v2/view-show.svg
new file mode 100644
index 0000000000000000000000000000000000000000..91dc839cc0456d6edbe339b40c04939f908e65cc
--- /dev/null
+++ b/packages/desktop-client/src/icons/v2/view-show.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10zm9.8 4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/></svg>
\ No newline at end of file
diff --git a/upcoming-release-notes/1951.md b/upcoming-release-notes/1951.md
new file mode 100644
index 0000000000000000000000000000000000000000..f667feb1a6cc4cf38c6f9dc508c723f4ffd4df1f
--- /dev/null
+++ b/upcoming-release-notes/1951.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [joel-jeremy]
+---
+
+Consistent button sizes in budget title bar