diff --git a/packages/desktop-client/src/components/FinancesApp.tsx b/packages/desktop-client/src/components/FinancesApp.tsx
index 21523e9dbefbce962a8e429f5d3790bf2d5300ae..534db63362b4730b410c115e5523e8f7ab4d3fa2 100644
--- a/packages/desktop-client/src/components/FinancesApp.tsx
+++ b/packages/desktop-client/src/components/FinancesApp.tsx
@@ -163,9 +163,7 @@ function NavTab({ icon: TabIcon, name, path }) {
       to={path}
       style={({ isActive }) => ({
         alignItems: 'center',
-        color: isActive
-          ? theme.sidebarItemAccentSelected
-          : theme.sidebarItemText,
+        color: isActive ? theme.mobileNavItemSelected : theme.mobileNavItem,
         display: 'flex',
         flexDirection: 'column',
         textDecoration: 'none',
@@ -182,7 +180,7 @@ function MobileNavTabs() {
   return (
     <div
       style={{
-        backgroundColor: theme.sidebarBackground,
+        backgroundColor: theme.mobileNavBackground,
         borderTop: `1px solid ${theme.menuBorder}`,
         bottom: 0,
         ...styles.shadow,
diff --git a/packages/desktop-client/src/style/themes/dark.ts b/packages/desktop-client/src/style/themes/dark.ts
index 9a27a6690c6ad4251d1fe48db8ebd8b74050b81d..9f26952e5501f4a316e1a28a9144446827da4c42 100644
--- a/packages/desktop-client/src/style/themes/dark.ts
+++ b/packages/desktop-client/src/style/themes/dark.ts
@@ -64,6 +64,9 @@ export const altMenuItemTextSelected = colorPalette.purple400;
 export const altMenuItemTextHeader = colorPalette.purple500;
 export const altMenuBorder = colorPalette.navy200;
 export const altMenuBorderHover = colorPalette.purple400;
+export const mobileNavBackground = colorPalette.navy800;
+export const mobileNavItem = colorPalette.navy150;
+export const mobileNavItemSelected = colorPalette.purple400;
 
 // Button
 export const buttonMenuText = colorPalette.navy100;
diff --git a/packages/desktop-client/src/style/themes/light.ts b/packages/desktop-client/src/style/themes/light.ts
index b800f2956d2674acf408ae3b64c3c31910452634..9752e6591fc4301a8abd6a34c720930e2c0c4f88 100644
--- a/packages/desktop-client/src/style/themes/light.ts
+++ b/packages/desktop-client/src/style/themes/light.ts
@@ -64,6 +64,9 @@ export const altMenuItemTextSelected = colorPalette.purple300;
 export const altMenuItemTextHeader = colorPalette.purple300;
 export const altMenuBorder = colorPalette.blue700;
 export const altMenuBorderHover = colorPalette.purple300;
+export const mobileNavBackground = colorPalette.white;
+export const mobileNavItem = 'rgb(142, 142, 143)';
+export const mobileNavItemSelected = colorPalette.purple500;
 
 // Button
 export const buttonMenuText = colorPalette.navy100;
diff --git a/upcoming-release-notes/1456.md b/upcoming-release-notes/1456.md
new file mode 100644
index 0000000000000000000000000000000000000000..3195cb6f0e264e5ab3443df2be71c6263871f377
--- /dev/null
+++ b/upcoming-release-notes/1456.md
@@ -0,0 +1,5 @@
+---
+category: Bugfix
+authors: [aleetsaiya]
+---
+Fix the mobile footer color back to the previous version
\ No newline at end of file