diff --git a/server/src/js/components/latest-levels-auto-refresh.js b/server/src/js/components/latest-levels-auto-refresh.js
index 45be911e4..1442854ee 100644
--- a/server/src/js/components/latest-levels-auto-refresh.js
+++ b/server/src/js/components/latest-levels-auto-refresh.js
@@ -115,9 +115,9 @@ class LatestLevelsAutoRefresh {
       if (currentItem) {
         const currentTime = currentItem.querySelector('[data-item-time]')
         const currentValue = currentItem.querySelector('[data-item-value]')
-        const currentStatus = currentItem.getAttribute('data-item-status')
 
-        if (fetchedStatus === currentStatus) {
+        // if isSuspendedOrOffline
+        if (fetchedStatus === 'false') {
           if (fetchedValue?.textContent !== currentValue?.textContent) {
             clearInterval(this.timeAgoInterval)
 
diff --git a/server/views/partials/latest-levels.html b/server/views/partials/latest-levels.html
index 94dff5aa8..a221f04bd 100644
--- a/server/views/partials/latest-levels.html
+++ b/server/views/partials/latest-levels.html
@@ -3,7 +3,7 @@
 <div class="defra-live">
   <h2 class="defra-live__title">Latest level{% if model.latestLevels.length > 1 %}s{% endif %}</h2>
   {% for warnings in model.latestLevels %}
-  <div class="defra-live__item" data-item-status="{{ warnings.status }}" data-item-name="{{ warnings.river_name }}" data-item-agency="{{ warnings.agency_name }}"  data-item-id="{{ warnings.rloi_id }}{% if warnings.direction == 'd' %}/downstream{% endif %}">
+  <div class="defra-live__item" data-item-status="{{ warnings.isSuspendedOrOffline }}" data-item-name="{{ warnings.river_name }}" data-item-agency="{{ warnings.agency_name }}"  data-item-id="{{ warnings.rloi_id }}{% if warnings.direction == 'd' %}-downstage{% endif %}">
     {% if warnings.status == 'Suspended' or (warnings.status == 'Active' and warnings.latest_level == null) %}
       <p class="defra-flood-meta defra-flood-meta--no-border govuk-!-margin-bottom-0">
         <strong>Latest Level</strong>