diff --git a/web-common/src/features/dashboards/pivot/Pivot.svelte b/web-common/src/features/dashboards/pivot/Pivot.svelte
index 6e157e860de..45dd974e1c6 100644
--- a/web-common/src/features/dashboards/pivot/Pivot.svelte
+++ b/web-common/src/features/dashboards/pivot/Pivot.svelte
@@ -330,4 +330,7 @@
   :global(regular-table thead th) {
     height: var(--row-height);
   }
+  :global(regular-table tr:hover) {
+    color: none;
+  }
 </style>
diff --git a/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte b/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte
index da69a2d386f..4fe59ba1fea 100644
--- a/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte
+++ b/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte
@@ -181,6 +181,14 @@
     if (x === 0) {
       element.classList.add("pl-0");
       const marker = getMarker(value, y);
+
+      // Gray out row if doesn't have marker
+      if (y !== 0 && tableData?.selectedValues?.length && !marker) {
+        element?.parentElement?.classList.add("text-gray-400");
+      } else {
+        element?.parentElement?.classList.remove("text-gray-400");
+      }
+
       const justifyTotal = y === 0 ? "justify-end" : "";
       const fontWeight = y === 0 ? "font-semibold" : "font-normal";
       return `<div class="flex items-center w-full h-full overflow-hidden pr-2 gap-1 ${justifyTotal}">