fix: ensure star icon in nav menu has color grey500

dhis2 · Nov 28, 2024 · 511ae31 · 511ae31
1 parent 4d75876
commit 511ae31
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/DashboardsBarNew/NavigationMenu/NavigationMenuItem.js b/src/components/DashboardsBarNew/NavigationMenu/NavigationMenuItem.js
@@ -3,7 +3,7 @@ import {
     useDataEngine,
     useDhis2ConnectionStatus,
 } from '@dhis2/app-runtime'
-import { IconStarFilled16, MenuItem } from '@dhis2/ui'
+import { IconStarFilled16, MenuItem, colors } from '@dhis2/ui'
 import debounce from 'lodash/debounce.js'
 import PropTypes from 'prop-types'
 import React, { useCallback } from 'react'
@@ -40,7 +40,7 @@ export const NavigationMenuItem = ({ displayName, id, starred }) => {
             key={id}
             label={
                 <span className={styles.container}>
-                    {starred && <IconStarFilled16 />}
+                    {starred && <IconStarFilled16 color={colors.grey500} />}
                     <span style={styles.displayname}>{displayName}</span>
                     {!!lastUpdated && <IconOfflineSaved />}
                 </span>