diff --git a/resources/assets/js/components/home/HeaderCounter.vue b/resources/assets/js/components/home/HeaderCounter.vue
index 89b114fa9..f91950526 100644
--- a/resources/assets/js/components/home/HeaderCounter.vue
+++ b/resources/assets/js/components/home/HeaderCounter.vue
@@ -1,28 +1,26 @@
 <template>
-  <div class="row-cont">
-    <div class="text-center">
-      <button
-        type="button"
-        v-for="header in data"
-        :key="header.title"
-        @click="header.onClick(header)"
-        :class="classBtn(header.class)"
-      >
-        <div class="v-center-header">
-          <div class="v-btn-textm-header">
-            <span class="v-text2">
-              <i :class="header.icon"></i>
-            </span>
-            <span class="v-btn-textb-header float-right">
-              {{ header.counter }}
-            </span>
-          </div>
-          <span class="v-btn-texts-header">
-            {{ header.title }}
+  <div class="header-container">
+    <button
+      type="button"
+      v-for="header in data"
+      :key="header.title"
+      @click="header.onClick(header)"
+      :class="classBtn(header.class)"
+    >
+      <div class="v-center-header">
+        <div class="v-btn-textm-header">
+          <span class="v-text2">
+            <i :class="header.icon"></i>
+          </span>
+          <span class="v-btn-textb-header float-right">
+            {{ header.counter }}
           </span>
         </div>
-      </button>
-    </div>
+        <span class="v-btn-texts-header">
+          {{ header.title }}
+        </span>
+      </div>
+    </button>
   </div>
 </template>
 
@@ -54,15 +52,16 @@ export default {
 }
 
 .v-btn-texts-header {
+  display: inline-block;
   font-size: 1vw;
 }
 .v-btn-header {
-  min-width: 200px;
-  margin-left: 5px !important;
-  margin-right: 5px !important;
-  padding-bottom: 10px !important;
-  padding-top: 10px !important;
-  text-align: center;
+  padding: 20px;
+  flex: 2;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-right: 15px;
 }
 
 .v-center-header {
@@ -77,4 +76,8 @@ export default {
   font-size: 2vw;
   float: left;
 }
+.header-container {
+  display: flex;
+  justify-content: space-between;
+}
 </style>
diff --git a/resources/assets/js/home/AdvancedSearch.vue b/resources/assets/js/home/AdvancedSearch.vue
index 07601edf5..5df4b1a73 100644
--- a/resources/assets/js/home/AdvancedSearch.vue
+++ b/resources/assets/js/home/AdvancedSearch.vue
@@ -204,7 +204,7 @@ export default {
             _.forEach(response, (v) => {
                 data.push({
                     CASE_NUMBER: v.APP_NUMBER,
-                    CASE_TITLE: v.APP_TITLE,
+                    CASE_TITLE: v.DEL_TITLE,
                     PROCESS_NAME: v.PRO_TITLE,
                     TASK: {
                         TITLE: v.TAS_TITLE,
diff --git a/resources/assets/js/home/Draft.vue b/resources/assets/js/home/Draft.vue
index 6a9aa172a..282178123 100644
--- a/resources/assets/js/home/Draft.vue
+++ b/resources/assets/js/home/Draft.vue
@@ -144,7 +144,7 @@ export default {
       _.forEach(response, (v) => {
         data.push({
           CASE_NUMBER: v.APP_NUMBER,
-          CASE_TITLE: v.APP_TITLE,
+          CASE_TITLE: v.DEL_TITLE,
           PROCESS_NAME: v.PRO_TITLE,
           TASK: {
             TITLE: v.TAS_TITLE,
diff --git a/resources/assets/js/home/MyCases.vue b/resources/assets/js/home/MyCases.vue
index faf02ecaa..8e2dc87c6 100644
--- a/resources/assets/js/home/MyCases.vue
+++ b/resources/assets/js/home/MyCases.vue
@@ -190,7 +190,7 @@ export default {
             _.forEach(response, (v) => {
                 data.push({
                     CASE_NUMBER: v.APP_NUMBER,
-                    CASE_TITLE: v.APP_TITLE,
+                    CASE_TITLE: v.DEL_TITLE,
                     PROCESS_NAME: v.PRO_TITLE,
                     STATUS: v.APP_STATUS,
                     START_DATE: v.APP_CREATE_DATE || "",
@@ -376,7 +376,6 @@ export default {
                         class: "btn-warning",
                     },
                 };
-            console.log(response);
             _.forEach(response, (v) => {
                 data.push({
                     title: v.title,
@@ -400,9 +399,7 @@ export default {
             });
         },
         onRemoveFilter(data) {
-            console.log(data);
         },
-
         onUpdateFilters(data) {
             this.$emit("onUpdateFilters", data.params);
             if (data.refresh) {
diff --git a/resources/assets/js/home/Paused.vue b/resources/assets/js/home/Paused.vue
index e9c69f588..7436d0ada 100644
--- a/resources/assets/js/home/Paused.vue
+++ b/resources/assets/js/home/Paused.vue
@@ -173,7 +173,7 @@ export default {
       _.forEach(response, (v) => {
         data.push({
           CASE_NUMBER: v.APP_NUMBER,
-          CASE_TITLE: v.APP_TITLE,
+          CASE_TITLE: v.DEL_TITLE,
           PROCESS_NAME: v.PRO_TITLE,
           TASK: {
             TITLE: v.TAS_TITLE,
diff --git a/resources/assets/js/home/Todo.vue b/resources/assets/js/home/Todo.vue
index 3c4eb4c55..baab86c3b 100644
--- a/resources/assets/js/home/Todo.vue
+++ b/resources/assets/js/home/Todo.vue
@@ -166,7 +166,7 @@ export default {
       _.forEach(response, (v) => {
         data.push({
           CASE_NUMBER: v.APP_NUMBER,
-          CASE_TITLE: v.APP_TITLE,
+          CASE_TITLE: v.DEL_TITLE,
           PROCESS_NAME: v.PRO_TITLE,
           TASK: {
             TITLE: v.TAS_TITLE,
diff --git a/resources/assets/js/home/Unassigned.vue b/resources/assets/js/home/Unassigned.vue
index 366c051b3..4d095d46f 100644
--- a/resources/assets/js/home/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned.vue
@@ -170,7 +170,7 @@ export default {
       _.forEach(response, (v) => {
         data.push({
           CASE_NUMBER: v.APP_NUMBER,
-          CASE_TITLE: v.APP_TITLE,
+          CASE_TITLE: v.DEL_TITLE,
           PROCESS_NAME: v.PRO_TITLE,
           TASK: {
             TITLE: v.TAS_TITLE,