diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index 3a1caabc..a5322293 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -608,6 +608,9 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
             <template v-slot:item="props">
               <section class="col-12 col-md-4 column">
                 <div
+                  :class="{
+                    'status-inactive': props.row.status === 'INACTIVE',
+                  }"
                   class="surface-1 rounded bordered row no-wrap col"
                   style="overflow: hidden"
                 >
@@ -624,6 +627,9 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
                     <div
                       v-if="fieldSelected.includes('name')"
                       class="text-weight-bold col-12 ellipsis-2-lines"
+                      :class="{
+                        'app-text-muted': props.row.status === 'INACTIVE',
+                      }"
                     >
                       {{ props.row.name }}