diff --git a/src/views/Overview.vue b/src/views/Overview.vue
index 9740d07..57e052d 100644
--- a/src/views/Overview.vue
+++ b/src/views/Overview.vue
@@ -57,6 +57,7 @@ export default {
       timeseriesPercentages: new Array(timeseriesName.length).fill('0'),
       timeseriesIncrease: new Array(timeseriesName.length).fill(true),
       positiveFeedbackTypes: [],
+      negativeFeedbackTypes: [],
     };
   },
   mounted() {
@@ -67,6 +68,7 @@ export default {
     })
       .then((response) => {
         this.positiveFeedbackTypes = response.data.recommend.data_source.positive_feedback_types;
+        this.negativeFeedbackTypes = response.data.recommend.data_source.negative_feedback_types || [];
         this.cacheSize = response.data.database.cache_size;
         this.nonPersonalized = ['latest'];
         response.data.recommend['non-personalized'].forEach((recommender) => {
diff --git a/src/views/RecFlow.vue b/src/views/RecFlow.vue
index 77e6468..a7e2e2e 100644
--- a/src/views/RecFlow.vue
+++ b/src/views/RecFlow.vue
@@ -76,6 +76,11 @@
               <d-input :value="nodeForm.properties.positive_feedback_types.join(',')"
                 @input="val => nodeForm.properties.positive_feedback_types = val.split(',').map(s => s.trim())" />
             </div>
+            <div class="form-group">
+              <label>Negative Feedback Types (comma separated)</label>
+              <d-input :value="nodeForm.properties.negative_feedback_types.join(',')"
+                @input="val => nodeForm.properties.negative_feedback_types = val.split(',').map(s => s.trim())" />
+            </div>
             <div class="form-group">
               <label>Read Feedback Types (comma separated)</label>
               <d-input :value="nodeForm.properties.read_feedback_types.join(',')"
@@ -961,6 +966,9 @@ export default {
         if (!Array.isArray(properties.positive_feedback_types)) {
           properties.positive_feedback_types = [];
         }
+        if (!Array.isArray(properties.negative_feedback_types)) {
+          properties.negative_feedback_types = [];
+        }
         if (!Array.isArray(properties.read_feedback_types)) {
           properties.read_feedback_types = [];
         }
diff --git a/src/views/Recommend.vue b/src/views/Recommend.vue
index ab59165..6178771 100644
--- a/src/views/Recommend.vue
+++ b/src/views/Recommend.vue
@@ -53,7 +53,7 @@ export default {
         this.cacheSize = response.data.recommend.cache_size;
 
         // List all feedback types
-        this.feedbackTypes = [''].concat(response.data.recommend.data_source.positive_feedback_types).concat(response.data.recommend.data_source.read_feedback_types);
+        this.feedbackTypes = [''].concat(response.data.recommend.data_source.positive_feedback_types).concat(response.data.recommend.data_source.negative_feedback_types || []).concat(response.data.recommend.data_source.read_feedback_types);
 
         // List all recommenders
         const recommenders = ['', 'latest', 'collaborative'];