diff --git a/resources/assets/js/components/utils/CustomTooltip.vue b/resources/assets/js/components/utils/CustomTooltip.vue
index f89a47794..1f360ba95 100644
--- a/resources/assets/js/components/utils/CustomTooltip.vue
+++ b/resources/assets/js/components/utils/CustomTooltip.vue
@@ -1,13 +1,17 @@
 <template>
     <span
-        :id="`label-${data.id}`"
+        :id="`label-${data.page}`"
         @mouseover="hoverHandler"
         v-b-tooltip.hover
         @mouseleave="unhoverHandler"
         v-bind:class="{highlightText: isHighlight}"
     >
         {{ data.title }}
-        <b-tooltip :target="`label-${data.page}`" :ref="`tooltip-${data.page}`">
+        <b-tooltip 
+            :target="`label-${data.page}`"
+            triggers="hoverHandler"
+            :ref="`tooltip-${data.page}`"
+        >
             {{ labelTooltip }}
         </b-tooltip>
     </span>
diff --git a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
index e0673ef7a..95dd573ca 100644
--- a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
+++ b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
@@ -459,7 +459,7 @@ export default {
         // force to open case
         this.openDefaultCase();
         // define sort event
-        Event.$on("vue-tables.todo.so   rted", function(data) {
+        Event.$on("vue-tables.todo.sorted", function(data) {
             that.$emit("updateUserSettings", "orderBy", data);
         });
     },
@@ -625,6 +625,8 @@ export default {
         },
         /**
          * Format Response API TODO to grid todo and columns
+         * @param {object} response
+         * @returns {object}
          */
         formatDataResponse(response) {
             let data = [];
@@ -666,7 +668,8 @@ export default {
         },
         /**
          * Set the format to show user's information
-         * @return {array} dataFormat
+         * @return {array} data
+         * @returns {object}
          */
         formatUser(data) {
             var dataFormat = [],
diff --git a/resources/assets/js/home/CustomCaseList/defaultMixins.js b/resources/assets/js/home/CustomCaseList/defaultMixins.js
index db90375a4..1e96cdeee 100644
--- a/resources/assets/js/home/CustomCaseList/defaultMixins.js
+++ b/resources/assets/js/home/CustomCaseList/defaultMixins.js
@@ -92,8 +92,7 @@ export default {
         filters[item.filterVar] = item.value;
       });
       return new Promise((resolutionFunc, rejectionFunc) => {
-        api.cases
-          .todo(filters)
+        api.cases[that.data.pageParent](filters)
           .then((response) => {
             dt = that.formatDataResponse(response.data.data);
             resolutionFunc({
diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue
index eef62f49c..9c6dc9ad5 100644
--- a/resources/assets/js/home/Draft/Draft.vue
+++ b/resources/assets/js/home/Draft/Draft.vue
@@ -491,7 +491,6 @@ export default {
      * @param {object} item
      */
     openCase(item) {
-      debugger;
       this.$emit("onUpdateDataCase", {
         APP_UID: item.APP_UID,
         DEL_INDEX: item.DEL_INDEX,
@@ -558,7 +557,6 @@ export default {
      * @param {object} data
      */
     updateDataEllipsis(data) {
-      debugger;
       let that = this;
       this.showEllipsis = !this.showEllipsis;
       if (this.showEllipsis) {