diff --git a/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/media/explorerWidget.css b/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/media/explorerWidget.css
index e919d65838..174362a86c 100644
--- a/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/media/explorerWidget.css
+++ b/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/media/explorerWidget.css
@@ -17,3 +17,13 @@ explorer-widget .list-row {
 .explorer-widget .slick-cell {
 	border-right-style: none;
 }
+
+/**
+ * The widget could be put into container with class name "grid" and inherit colors unexpectedly,
+ * using this selector to force the cell to use the colors from parent elements
+ */
+.grid .explorer-widget .slick-cell {
+	color: inherit;
+	background-color: inherit;
+	border-color: inherit;
+}