diff --git a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
index 27793c81b1..b5afbcaa0b 100644
--- a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
+++ b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx
@@ -127,7 +127,7 @@ export const CatalogTable = ({
const isStarred = isStarredEntity(rowData);
return {
cellStyle: { paddingLeft: '1em' },
- icon: favouriteEntityIcon(isStarred),
+ icon: () => favouriteEntityIcon(isStarred),
tooltip: favouriteEntityTooltip(isStarred),
onClick: () => toggleStarredEntity(rowData),
};
diff --git a/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx b/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx
index 0f608836a9..bd2c71891d 100644
--- a/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx
+++ b/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx
@@ -15,7 +15,7 @@
*/
import React, { ComponentProps } from 'react';
-import { IconButton, Tooltip, withStyles, SvgIcon } from '@material-ui/core';
+import { IconButton, Tooltip, withStyles } from '@material-ui/core';
import StarBorder from '@material-ui/icons/StarBorder';
import Star from '@material-ui/icons/Star';
import { useStarredEntities } from '../../hooks/useStarredEntites';
@@ -33,7 +33,7 @@ export const favouriteEntityTooltip = (isStarred: boolean) =>
isStarred ? 'Remove from favorites' : 'Add to favorites';
export const favouriteEntityIcon = (isStarred: boolean) =>
- isStarred ? YellowStar : StarBorder;
+ isStarred ? : ;
/**
* IconButton for showing if a current entity is starred and adding/removing it from the favourite entities
@@ -49,7 +49,7 @@ export const FavouriteEntity: React.FC = props => {
onClick={() => toggleStarredEntity(props.entity)}
>
-
+ {favouriteEntityIcon(isStarred)}
);