diff --git a/packages/common/components/ColorTheme/styled/submenuText.js b/packages/common/components/ColorTheme/styled/submenuText.js
index 1d06351af1..757b2ac970 100644
--- a/packages/common/components/ColorTheme/styled/submenuText.js
+++ b/packages/common/components/ColorTheme/styled/submenuText.js
@@ -1,13 +1,21 @@
 import styled, { css } from "styled-components";
-
 import StyledText from "@docspace/components/text/styled-text";
+import Base from "@docspace/components/themes/base";
 
-const getDefaultStyles = ({ currentColorScheme, isActive }) => css`
-  color: ${isActive && currentColorScheme.accentColor};
+const getDefaultStyles = ({ currentColorScheme, isActive, theme }) =>
+  currentColorScheme &&
+  css`
+    color: ${isActive &&
+    theme.isBase &&
+    currentColorScheme.accentColor} !important;
 
-  &:hover {
-    color: ${isActive && currentColorScheme.accentColor};
-  }
-`;
+    &:hover {
+      color: ${isActive &&
+      theme.isBase &&
+      currentColorScheme.accentColor} !important;
+    }
+  `;
+
+StyledText.defaultProps = { theme: Base };
 
 export default styled(StyledText)(getDefaultStyles);