diff --git a/frontend/src/components/tables/ChannelsTable.jsx b/frontend/src/components/tables/ChannelsTable.jsx
index 25bea550..833bdb4f 100644
--- a/frontend/src/components/tables/ChannelsTable.jsx
+++ b/frontend/src/components/tables/ChannelsTable.jsx
@@ -1141,7 +1141,7 @@ const ChannelsTable = ({ onReady }) => {
}
if (hasStaleStreams) {
- return { className: 'stale-streams-row' };
+ return { className: 'partially-stale-streams-row' };
}
return {};
diff --git a/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx b/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
index c8023283..cda9b496 100644
--- a/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
+++ b/frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx
@@ -330,7 +330,7 @@ const ChannelTableHeader = ({
showOnlyStaleChannels ? :
}
>
- Only Containing Stale Streams
+ Has Stale Streams
diff --git a/frontend/src/components/tables/table.css b/frontend/src/components/tables/table.css
index 688cf486..0e02dc1e 100644
--- a/frontend/src/components/tables/table.css
+++ b/frontend/src/components/tables/table.css
@@ -140,6 +140,17 @@ html {
background-color: color-mix(in srgb, rgb(239, 68, 68) 30%, #27272a) !important;
}
+/* Rows that contain some stale streams (may be mixed with active) */
+.partially-stale-streams-row {
+ background-color: rgba(239, 154, 68, 0.15) !important;
+ /* orange-500 @ 12% */
+ box-shadow: inset 0 0 0 1px rgba(239, 154, 68, 0.3);
+}
+
+.table-striped .tbody .tr.partially-stale-streams-row:hover {
+ background-color: rgba(239, 154, 68, 0.3) !important;
+}
+
/* Prevent text selection when shift key is pressed */
.shift-key-active {
cursor: pointer !important;