diff --git a/src/app/views/river-detail/components/flow-tab/components/flow-chart/flow-chart.vue b/src/app/views/river-detail/components/flow-tab/components/flow-chart/flow-chart.vue
index c55f2add6..cf45e34ff 100644
--- a/src/app/views/river-detail/components/flow-tab/components/flow-chart/flow-chart.vue
+++ b/src/app/views/river-detail/components/flow-tab/components/flow-chart/flow-chart.vue
@@ -203,7 +203,7 @@ export default {
         }
       }
 
-      if (this.gaugeCorrelationHasRange && this.metric.key === this.correlationDetails.flowMetric) {
+      if (this.gaugeCorrelationHasRange && this.metric.key === this.correlationDetails.metric) {
         let graphBackgrounds = [
           {
             min: Number.MIN_SAFE_INTEGER,
diff --git a/src/app/views/river-detail/components/flow-tab/components/level-legend.vue b/src/app/views/river-detail/components/flow-tab/components/level-legend.vue
index e3347b50f..d23d055b7 100644
--- a/src/app/views/river-detail/components/flow-tab/components/level-legend.vue
+++ b/src/app/views/river-detail/components/flow-tab/components/level-legend.vue
@@ -16,7 +16,7 @@
         </svg>
 
         <span v-html="entry.gtOrLtSymbol" />
-        <em>{{  entry.value }} {{ correlationMetrics[correlationDetails.flowMetric].unit }}</em>
+        <em>{{  entry.value }} {{ correlationMetrics[correlationDetails.metric].unit }}</em>
         {{ entry.label }}
         <div class="range-description">
           <span v-if="entry.adjustedComment" v-text="entry.adjustedComment" />
diff --git a/src/app/views/river-detail/components/flow-tab/flow-tab.vue b/src/app/views/river-detail/components/flow-tab/flow-tab.vue
index ba393dc96..4da6c0e6d 100644
--- a/src/app/views/river-detail/components/flow-tab/flow-tab.vue
+++ b/src/app/views/river-detail/components/flow-tab/flow-tab.vue
@@ -39,7 +39,7 @@
                 </div>
                 <div v-if="gauge.correlationDetails.data" class="gauge-range">
                   {{ gauge.correlationDetails.data.beginLowRunnable }} - {{ gauge.correlationDetails.data.endHighRunnable }}
-                  {{ gauge.correlationDetails.data.flowMetric }}
+                  {{ correlationMetrics[gauge.correlationDetails.data.metric].unit }}
                 </div>
                 <div class="gauge-class">
                   <span v-if="adjustedReachGrade(gauge)">
@@ -276,7 +276,7 @@ export default {
           correlations = reachDetail?.detail?.correlations.map(c => {
             return {
               ...c,
-              requestedMetric: c.correlationDetails?.data?.flowMetric,
+              requestedMetric: c.correlationDetails?.data?.metric,
               historyTimeScale: '24h',
               readings: [],
               loading: true
@@ -308,7 +308,7 @@ export default {
     },
     correlationMatchesMetric(gauge) {
      return gauge && gauge.correlationDetails && gauge.correlationDetails.data &&
-        gauge.correlationDetails.data.flowMetric === gauge.requestedMetric;
+        gauge.correlationDetails.data.metric === gauge.requestedMetric;
     },
     async getReadings(gauge) {
       gauge.loading = true;
diff --git a/src/app/views/river-detail/components/main-tab/components/beta-box/beta-box.vue b/src/app/views/river-detail/components/main-tab/components/beta-box/beta-box.vue
index 29dcbb226..6a7883fb7 100644
--- a/src/app/views/river-detail/components/main-tab/components/beta-box/beta-box.vue
+++ b/src/app/views/river-detail/components/main-tab/components/beta-box/beta-box.vue
@@ -67,7 +67,7 @@
             <td>Flow Range</td>
             <td class="flow-range">
               {{ gaugeCorrelation.correlationDetails.data.beginLowRunnable }} - {{ gaugeCorrelation.correlationDetails.data.endHighRunnable }}
-              {{ correlationMetrics[gaugeCorrelation.correlationDetails.data.flowMetric].unit }}
+              {{ correlationMetrics[gaugeCorrelation.correlationDetails.data.metric].unit }}
             </td>
           </tr>
           <tr v-if="gaugeCorrelation.status">
diff --git a/src/app/views/river-detail/river-detail.vue b/src/app/views/river-detail/river-detail.vue
index 1ac4d2b29..2158289f2 100644
--- a/src/app/views/river-detail/river-detail.vue
+++ b/src/app/views/river-detail/river-detail.vue
@@ -245,7 +245,7 @@ export default {
     deleteReachModalVisible: false,
     bookmarked: false,
     transitionName: "fade",
-    reachDetail: null
+    reachDetail: {}
   }),
   tabs: {
     main: "General",