diff --git a/src/components/views/planning_board/TaskColumn.vue b/src/components/views/planning_board/TaskColumn.vue
index 1996a79b..2fa693b5 100644
--- a/src/components/views/planning_board/TaskColumn.vue
+++ b/src/components/views/planning_board/TaskColumn.vue
@@ -37,14 +37,14 @@
 </template>
 
 <script>
-import { authorization } from '../../mixins/generic.js'
+import { authorization, utilities } from '../../mixins/generic.js'
 import Draggable from 'vuedraggable'
 import TaskItem from './TaskItem'
 
 const TASKLEVEL = 6
 
 export default {
-  mixins: [authorization],
+  mixins: [authorization, utilities],
   name: 'TaskColumn',
   props: ['productId', 'storyId', 'storyTitle', 'tasks', 'title', 'state', 'idx'],
   components: {
diff --git a/src/components/views/planning_board/TaskItem.vue b/src/components/views/planning_board/TaskItem.vue
index 2760cd1b..05e0d612 100644
--- a/src/components/views/planning_board/TaskItem.vue
+++ b/src/components/views/planning_board/TaskItem.vue
@@ -67,11 +67,11 @@
 </template>
 
 <script>
-import { authorization } from '../../mixins/generic.js'
+import { authorization, utilities } from '../../mixins/generic.js'
 const TASKLEVEL = 6
 
 export default {
-  mixins: [authorization],
+  mixins: [authorization, utilities],
   name: 'TaskItem',
   props: ['productId', 'storyId', 'storyTitle', 'state', 'columnName', 'item'],