diff --git a/website/client/src/components/tasks/task.vue b/website/client/src/components/tasks/task.vue
index 963c3f85f0..cc8f40bde9 100644
--- a/website/client/src/components/tasks/task.vue
+++ b/website/client/src/components/tasks/task.vue
@@ -268,17 +268,33 @@
                 <span v-if="task.type === 'daily'">{{ task.streak }}</span>
                 <span v-if="task.type === 'habit'">
                   <span
-                    v-if="task.up"
+                    v-if="task.up && task.counterUp != 0 && task.down"
                     class="m-0"
                   >+{{ task.counterUp }}</span>
+                  <span
+                    v-else-if=" task.counterUp !=0 && task.counterDown ==0"
+                    class="m-0"
+                  >{{ task.counterUp }}</span>
+                  <span
+                    v-else-if="task.up"
+                    class="m-0"
+                  >0</span>
                   <span
                     v-if="task.up && task.down"
                     class="m-0"
                   >&nbsp;|&nbsp;</span>
                   <span
-                    v-if="task.down"
+                    v-if="task.down && task.counterDown != 0 && task.up"
                     class="m-0"
                   >-{{ task.counterDown }}</span>
+                  <span
+                    v-else-if="task.counterDown !=0 && task.counterUp ==0"
+                    class="m-0"
+                  >{{ task.counterDown }}</span>
+                  <span
+                    v-else-if="task.down"
+                    class="m-0"
+                  >0</span>
                 </span>
               </div>
               <div