diff --git a/packages/components/submenu/styled-submenu.js b/packages/components/submenu/styled-submenu.js
index 1c78da5a7c..57c1a0ac3f 100644
--- a/packages/components/submenu/styled-submenu.js
+++ b/packages/components/submenu/styled-submenu.js
@@ -88,7 +88,9 @@ export const StyledSubmenuItemText = styled.div`
 
   .item-text {
     color: ${(props) =>
-      props.isActive ? props.theme.submenu.textColor : "#657077"};
+      props.isActive
+        ? props.theme.submenu.activeTextColor
+        : props.theme.submenu.textColor};
     font-weight: 600;
   }
 `;
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 81dbdb09c7..98a9235958 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -2970,7 +2970,8 @@ const Base = {
   submenu: {
     lineColor: "#eceef1",
     backgroundColor: white,
-    textColor: "#316DAA",
+    textColor: "#657077",
+    activeTextColor: "#316DAA",
     bottomLineColor: "#316DAA",
   },
 
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index 260e93f112..b0d0385f26 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -2971,7 +2971,8 @@ const Dark = {
   submenu: {
     lineColor: "#474747",
     backgroundColor: "#333",
-    textColor: "#FFFFFF",
+    activeTextColor: "#FFFFFF",
+    textColor: "#ADADAD",
     bottomLineColor: "#E06A1B",
   },