diff --git a/src/app/assets/scss/abstracts/_variables.scss b/src/app/assets/scss/abstracts/_variables.scss
index 0a4c0437..6958d3a9 100644
--- a/src/app/assets/scss/abstracts/_variables.scss
+++ b/src/app/assets/scss/abstracts/_variables.scss
@@ -16,6 +16,7 @@ $flow-map: (
   "above-recommended": $flow-high,
   "high-runnable": $high-runnable,
   "medium-runnable": $med-runnable,
+  "migration-runnable": $med-runnable, // TODO: a temporary solution for handling legacy data
   "low-runnable": $low-runnable,
   "below-recommended": $flow-low,
   "stale": #dfe3e6 // use ui-03 for unknown/stale
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 7775bec4..617406b4 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
@@ -84,8 +84,8 @@
               />
               <cv-tag
                   :class="gaugeCorrelation.status.status"
-                  :label="gaugeCorrelation.status.status.replace('-', ' ')"
-              />
+                  :label="gaugeCorrelation.status.status.replace('-', ' ').replace('migration', '')"
+              /> <!-- TODO: reference to "migration" above handles existing legacy migration-runnable data -->
             </td>
           </tr>
         </template>