1 files changed, 4 insertions, 0 deletions
diff --git a/app/assets/javascripts/work_items/pages/work_item_root.vue b/app/assets/javascripts/work_items/pages/work_item_root.vue
index 6dc3dc3b3c9..e9840889bdb 100644
--- a/app/assets/javascripts/work_items/pages/work_item_root.vue
+++ b/app/assets/javascripts/work_items/pages/work_item_root.vue
@@ -4,6 +4,7 @@ import { TYPE_WORK_ITEM } from '~/graphql_shared/constants';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
 import { visitUrl } from '~/lib/utils/url_utility';
 import { s__ } from '~/locale';
+import ZenMode from '~/zen_mode';
 import WorkItemDetail from '../components/work_item_detail.vue';
 import deleteWorkItemMutation from '../graphql/delete_work_item.mutation.graphql';
 
@@ -29,6 +30,9 @@ export default {
       return convertToGraphQLId(TYPE_WORK_ITEM, this.id);
     },
   },
+  mounted() {
+    this.ZenMode = new ZenMode();
+  },
   methods: {
     deleteWorkItem() {
       this.$apollo