diff --git a/frontend/src/components/ListViews/TasksListView.vue b/frontend/src/components/ListViews/TasksListView.vue
index 166f280c..876adc06 100644
--- a/frontend/src/components/ListViews/TasksListView.vue
+++ b/frontend/src/components/ListViews/TasksListView.vue
@@ -39,9 +39,11 @@
         :row="row"
       >
         <div v-if="column.key === 'due_date'">
-          <Tooltip :text="dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')">
+          <Tooltip
+            :text="item && dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')"
+          >
             <div class="flex items-center gap-2 truncate text-base">
-              <CalendarIcon />
+              <div><CalendarIcon /></div>
               <div v-if="item" class="truncate">
                 {{ dateFormat(item, 'D MMM, hh:mm a') }}
               </div>