diff --git a/frontend/src/metabase/entities/popular-items.js b/frontend/src/metabase/entities/popular-items.js
index 6e1a5d70dd0c9fa2511836c4f117b9fb8328feea..965b9839bfc3c188ea1f60ed7c13f33a9a3cb437 100644
--- a/frontend/src/metabase/entities/popular-items.js
+++ b/frontend/src/metabase/entities/popular-items.js
@@ -13,7 +13,8 @@ export const getName = item => {
 
 export const getIcon = item => {
   const entity = getEntity(item);
-  return entity.objectSelectors.getIcon(item.model_object);
+  const options = { variant: "secondary" };
+  return entity.objectSelectors.getIcon(item.model_object, options);
 };
 
 const PopularItems = createEntity({
diff --git a/frontend/src/metabase/entities/recent-items.js b/frontend/src/metabase/entities/recent-items.js
index 0687a5089a241b934f1649131c81e992e406579d..1f16eea5f8f9e38be0954904b67e6cfde4a9924c 100644
--- a/frontend/src/metabase/entities/recent-items.js
+++ b/frontend/src/metabase/entities/recent-items.js
@@ -13,7 +13,8 @@ export const getName = item => {
 
 export const getIcon = item => {
   const entity = getEntity(item);
-  return entity.objectSelectors.getIcon(item.model_object);
+  const options = { variant: "secondary" };
+  return entity.objectSelectors.getIcon(item.model_object, options);
 };
 
 const RecentItems = createEntity({
diff --git a/frontend/src/metabase/entities/tables.js b/frontend/src/metabase/entities/tables.js
index 7bc80be368faef5ecbf8ad720f5523ed2ca935f3..8d2d6c174b5b7c24062ad00273e413d0c098c03d 100644
--- a/frontend/src/metabase/entities/tables.js
+++ b/frontend/src/metabase/entities/tables.js
@@ -228,7 +228,9 @@ const Tables = createEntity({
   objectSelectors: {
     getUrl: table =>
       Urls.tableRowsQuery(table.database_id, table.table_id, null),
-    getIcon: table => ({ name: "table" }),
+    getIcon: (table, { variant = "primary" } = {}) => ({
+      name: variant === "primary" ? "table" : "database",
+    }),
     getColor: table => color("accent2"),
   },