diff --git a/resources/assets/js/admin/settings/customCaseList/Tables.vue b/resources/assets/js/admin/settings/customCaseList/Tables.vue
index 3c86a5342..acd9e8fac 100755
--- a/resources/assets/js/admin/settings/customCaseList/Tables.vue
+++ b/resources/assets/js/admin/settings/customCaseList/Tables.vue
@@ -12,9 +12,9 @@
         ref="table" 
     >
         <div slot="actions" slot-scope="props">
-            <div @mouseover="updateDataEllipsis(props.row)">
-                <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
-            </div>
+            <div @mouseenter="updateDataEllipsis(props.row)" @mouseleave="showEllipsis = false">
+          <ellipsis v-if="dataEllipsis" :data="dataEllipsis" :ref="'ellipsis' + props.row.APP_UID"> </ellipsis>
+        </div>
         </div>
         <div slot="owner" slot-scope="props">
             <OwnerCell :data="props.row.owner" />
@@ -279,42 +279,51 @@ export default {
         updateDataEllipsis(data) {
             let that = this;
             this.showEllipsis = !this.showEllipsis;
-            if (this.showEllipsis) {
-                this.dataEllipsis = {
-                    buttons: {
-                        note: {
-                            name: "edit",
-                            icon: "far fa-edit",
-                            fn: function() {
-                                that.editCustomCaseList(data);
-                            }
-                        },
-                        open: {
-                            name: "delete",
-                            icon: "far fa-trash-alt",
-                            color: "red",
-                            fn: function() {
-                                that.showModalDelete(data);
-                            }
-                        },
-                        reassign: {
-                            name: "download",
-                            icon: "fas fa-arrow-circle-down",
-                            fn: function() {
-                                that.downloadCaseList(data);
-                            }
-                        },
-                        preview: {
-                            name: "preview",
-                            icon: "fas fa-tv",
-                            color: "green",
-                            fn: function() {
-                                that.showPreview(data);
-                            }
+            this.dataEllipsis = {
+                buttons: {
+                    note: {
+                        name: "edit",
+                        icon: "far fa-edit",
+                        fn: function() {
+                            that.editCustomCaseList(data);
+                        }
+                    },
+                    open: {
+                        name: "delete",
+                        icon: "far fa-trash-alt",
+                        color: "red",
+                        fn: function() {
+                            that.showModalDelete(data);
+                        }
+                    },
+                    reassign: {
+                        name: "download",
+                        icon: "fas fa-arrow-circle-down",
+                        fn: function() {
+                            that.downloadCaseList(data);
+                        }
+                    },
+                    preview: {
+                        name: "preview",
+                        icon: "fas fa-tv",
+                        color: "green",
+                        fn: function() {
+                            that.showPreview(data);
                         }
                     }
                 }
             }
+            if (this.showEllipsis) {
+                for (let ellipsis in this.$refs) {
+                    if (!ellipsis.indexOf('ellipsis')) {
+                        if (ellipsis !== 'ellipsis' + data.APP_UID) {
+                            this.$refs[ellipsis].hideActionButtons();
+                        }
+                    }
+                }
+                this.showEllipsis = false;
+            }
+            
         },
         importCustomCaseList() {
             this.$refs["modal-import"].show();
@@ -323,6 +332,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .float-right {
     padding-left: 1.5%;
 }
diff --git a/resources/assets/js/components/utils/ellipsis.vue b/resources/assets/js/components/utils/ellipsis.vue
index d1480f1e6..8f1b8c52e 100644
--- a/resources/assets/js/components/utils/ellipsis.vue
+++ b/resources/assets/js/components/utils/ellipsis.vue
@@ -1,5 +1,14 @@
 <template>
     <div>
+        <div 
+            class="ellipsis-button align-middle"
+            v-show="!showActions"
+            @mouseover="showActionButtons"
+        >
+            <span>
+                <i class="fas fa-ellipsis-v"></i>
+            </span>
+        </div>
         <div class="float-right" v-show="showActions">
             <transition name="fade">
                 <div
@@ -21,15 +30,6 @@
                 </div>
             </transition>
         </div>
-        <div 
-            class="ellipsis-button align-middle"
-            v-show="!showActions"
-            @mouseover="showActionButtons"
-        >
-            <span>
-                <i class="fas fa-ellipsis-v"></i>
-            </span>
-        </div>
     </div>
 </template>
 
@@ -124,6 +124,7 @@ export default {
         z-index: 999;
         display: inline-flex !important;
         opacity: 1 !important;
+        height: 50px !important;
     }
     .btn-outline-info {
         border: none;
diff --git a/resources/assets/js/home/AdvancedSearch/AdvancedSearch.vue b/resources/assets/js/home/AdvancedSearch/AdvancedSearch.vue
index d2db2a513..b4561b97c 100755
--- a/resources/assets/js/home/AdvancedSearch/AdvancedSearch.vue
+++ b/resources/assets/js/home/AdvancedSearch/AdvancedSearch.vue
@@ -662,6 +662,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .VuePagination__count {
     display: none;
 }
diff --git a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
index dcf12f5bf..d8831df20 100755
--- a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
+++ b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
@@ -128,10 +128,11 @@
                 slot="actions"
                 slot-scope="props"
             >
-                <div @mouseover="updateDataEllipsis(props.row)">
+                <div @mouseenter="updateDataEllipsis(props.row, view = true)" @mouseleave="showEllipsis = false">
                     <ellipsis
                         v-if="dataEllipsis"
                         :data="dataEllipsis"
+                        :ref="'ellipsis' + props.row.APP_UID"
                     >
                     </ellipsis>
                 </div>
@@ -1151,10 +1152,18 @@ export default {
          * Show options in the ellipsis
          * @param {objec} data
          */
-        updateDataEllipsis(data) {
+        updateDataEllipsis(data, view = false) {
             this.showEllipsis = !this.showEllipsis;
-            if (this.showEllipsis) {
-                this.dataEllipsis = this.ellipsisItemFactory(data, this.data.pageParent);
+            this.dataEllipsis = this.ellipsisItemFactory(data, this.data.pageParent);
+            if (this.showEllipsis && view) {
+                for (let ellipsis in this.$refs) {
+                    if (!ellipsis.indexOf('ellipsis')) {
+                        if (ellipsis !== 'ellipsis' + data.APP_UID) {
+                            this.$refs[ellipsis].hideActionButtons();
+                        }
+                    }
+                }
+                this.showEllipsis = false;
             }
         },
         /**
@@ -1334,6 +1343,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-todo {
     padding-top: 20px;
     padding-bottom: 20px;
diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue
index ad03daf37..ba317c90d 100755
--- a/resources/assets/js/home/Draft/Draft.vue
+++ b/resources/assets/js/home/Draft/Draft.vue
@@ -96,8 +96,8 @@
         slot="actions"
         slot-scope="props"
       >
-        <div @mouseover="updateDataEllipsis(props.row)">
-          <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+        <div @mouseenter="updateDataEllipsis(props.row, view = true)" @mouseleave="showEllipsis = false">
+          <ellipsis v-if="dataEllipsis" :data="dataEllipsis" :ref="'ellipsis' + props.row.APP_UID"> </ellipsis>
         </div>
       </div>
     </v-server-table>
@@ -806,28 +806,36 @@ export default {
      * Show options in the ellipsis
      * @param {object} data
      */
-    updateDataEllipsis(data) {
+    updateDataEllipsis(data, view = false) {
       let that = this;
       this.showEllipsis = !this.showEllipsis;
-      if (this.showEllipsis) {
-        this.dataEllipsis = {
-          buttons: {
-            open: {
-              name: "open",
-              icon: "far fa-edit",
-              fn: function() {
-                that.openCase(data);
-              }
-            },
-            note: {
-              name: "case note",
-              icon: "far fa-comments",
-              fn: function() {
-                that.openComments(data);
-              }
-            },
+      this.dataEllipsis = {
+        buttons: {
+          open: {
+            name: "open",
+            icon: "far fa-edit",
+            fn: function() {
+              that.openCase(data);
+            }
+          },
+          note: {
+            name: "case note",
+            icon: "far fa-comments",
+            fn: function() {
+              that.openComments(data);
+            }
+          },
+        }
+      }
+      if (this.showEllipsis && view) {
+        for (let ellipsis in this.$refs) {
+          if (!ellipsis.indexOf('ellipsis')) {
+            if (ellipsis !== 'ellipsis' + data.APP_UID) {
+              this.$refs[ellipsis].hideActionButtons();
+            }
           }
         }
+        this.showEllipsis = false;
       }
     },
     /**
@@ -884,6 +892,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-draft {
   padding-top: 20px;
   padding-bottom: 20px;
diff --git a/resources/assets/js/home/Inbox/Inbox.vue b/resources/assets/js/home/Inbox/Inbox.vue
index 8ba9246ae..856fa04da 100755
--- a/resources/assets/js/home/Inbox/Inbox.vue
+++ b/resources/assets/js/home/Inbox/Inbox.vue
@@ -119,8 +119,8 @@
         slot="actions"
         slot-scope="props"
       >
-        <div @mouseover="updateDataEllipsis(props.row)">
-          <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+        <div @mouseenter="updateDataEllipsis(props.row, view = true)" @mouseleave="showEllipsis = false">
+          <ellipsis v-if="dataEllipsis" :data="dataEllipsis" :ref="'ellipsis' + props.row.APP_UID"> </ellipsis>
         </div>
       </div>
     </v-server-table>
@@ -932,44 +932,52 @@ export default {
      * Show options in the ellipsis 
      * @param {objec} data
      */
-    updateDataEllipsis(data) {
-        let that = this;
-        this.showEllipsis = !this.showEllipsis;
-        if (this.showEllipsis) {
-          this.dataEllipsis = {
-            buttons: {
-              open: {
-                name: "open",
-                icon: "far fa-edit",
-                fn: function() {
-                  that.openCase(data)
-                }
-              },
-              note: {
-                name: "case note",
-                icon: "far fa-comments",
-                fn: function() {
-                  that.openComments(data);
-                }
-              },
-              reassign: {
-                name: "reassign case",
-                icon: "fas fa-undo",
-                fn: function() {
-                  that.showModalReassign(data);
-                }
-              },
-              pause: {
-                name: "pause case",
-                icon: "far fa-pause-circle",
-                fn: function() {
-                  that.showModalPause(data);
-                }
-              }
+    updateDataEllipsis(data, view = false) {
+      let that = this;
+      this.showEllipsis = !this.showEllipsis;
+      this.dataEllipsis = {
+        buttons: {
+          open: {
+            name: "open",
+            icon: "far fa-edit",
+            fn: function() {
+              that.openCase(data)
+            }
+          },
+          note: {
+            name: "case note",
+            icon: "far fa-comments",
+            fn: function() {
+              that.openComments(data);
+            }
+          },
+          reassign: {
+            name: "reassign case",
+            icon: "fas fa-undo",
+            fn: function() {
+              that.showModalReassign(data);
+            }
+          },
+          pause: {
+            name: "pause case",
+            icon: "far fa-pause-circle",
+            fn: function() {
+              that.showModalPause(data);
             }
           }
         }
-      },
+      }
+      if (this.showEllipsis && view) {
+        for (let ellipsis in this.$refs) {
+          if (!ellipsis.indexOf('ellipsis')) {
+            if (ellipsis !== 'ellipsis' + data.APP_UID) {
+              this.$refs[ellipsis].hideActionButtons();
+            }
+          }
+        }
+        this.showEllipsis = false;
+      }
+    },
       /**
        * Show the alert message
        * @param {string} message - message to be displayen in the body
@@ -1024,6 +1032,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-todo {
   padding-top: 20px;
   padding-bottom: 20px;
diff --git a/resources/assets/js/home/MyCases/MyCases.vue b/resources/assets/js/home/MyCases/MyCases.vue
index fe58a28ea..72bc4ed0a 100755
--- a/resources/assets/js/home/MyCases/MyCases.vue
+++ b/resources/assets/js/home/MyCases/MyCases.vue
@@ -796,15 +796,13 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-mycases {
     padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 50px;
     padding-right: 50px;
 }
-/*.btn-clear-sort {
-    position: fixed;
-    margin-top: 16px;
-    margin-left: -11px;
-}*/
 </style>
diff --git a/resources/assets/js/home/Paused/Paused.vue b/resources/assets/js/home/Paused/Paused.vue
index 73722595b..779d9c0e0 100755
--- a/resources/assets/js/home/Paused/Paused.vue
+++ b/resources/assets/js/home/Paused/Paused.vue
@@ -118,8 +118,8 @@
         slot="actions"
         slot-scope="props"
       >
-        <div @mouseover="updateDataEllipsis(props.row)">
-          <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+        <div @mouseenter="updateDataEllipsis(props.row, view = true)" @mouseleave="showEllipsis = false">
+          <ellipsis v-if="dataEllipsis" :data="dataEllipsis" :ref="'ellipsis' + props.row.APP_UID"> </ellipsis>
         </div>
       </div>
     </v-server-table>
@@ -888,36 +888,44 @@ export default {
      * Show options in the ellipsis 
      * @param {object} data
      */
-    updateDataEllipsis(data) {
+    updateDataEllipsis(data, view = false) {
       let that = this;
       this.showEllipsis = !this.showEllipsis;
-      if (this.showEllipsis) {
-        this.dataEllipsis = {
-          buttons: {
-            note: {
-              name: "case note",
-              icon: "far fa-comments",
-              fn: function() {
-                that.openComments(data);
-              }
-            },
-            play: {
-              name: "play case",
-              icon: "far fa-play-circle",
-              fn: function() {
-                that.showModalUnpauseCase(data);
-              }
-            },
-            reassign: {
-              name: "reassign case",
-              icon: "fas fa-undo",
-              fn: function() {
-                that.showModalReassign(data);
-              }
+      this.dataEllipsis = {
+        buttons: {
+          note: {
+            name: "case note",
+            icon: "far fa-comments",
+            fn: function() {
+              that.openComments(data);
+            }
+          },
+          play: {
+            name: "play case",
+            icon: "far fa-play-circle",
+            fn: function() {
+              that.showModalUnpauseCase(data);
+            }
+          },
+          reassign: {
+            name: "reassign case",
+            icon: "fas fa-undo",
+            fn: function() {
+              that.showModalReassign(data);
             }
           }
         }
       }
+      if (this.showEllipsis && view) {
+        for (let ellipsis in this.$refs) {
+          if (!ellipsis.indexOf('ellipsis')) {
+            if (ellipsis !== 'ellipsis' + data.APP_UID) {
+              this.$refs[ellipsis].hideActionButtons();
+            }
+          }
+        }
+        this.showEllipsis = false;
+      }
     },
     /**
      * Show the alert message
@@ -973,6 +981,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-paused {
   padding-top: 20px;
   padding-bottom: 20px;
diff --git a/resources/assets/js/home/Unassigned/Unassigned.vue b/resources/assets/js/home/Unassigned/Unassigned.vue
index c5ed3bcb8..1a46bc763 100755
--- a/resources/assets/js/home/Unassigned/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned/Unassigned.vue
@@ -107,8 +107,8 @@
         slot="actions"
         slot-scope="props"
       >
-        <div @mouseover="updateDataEllipsis(props.row)">
-          <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+        <div @mouseenter="updateDataEllipsis(props.row, view = true)" @mouseleave="showEllipsis = false">
+          <ellipsis v-if="dataEllipsis" :data="dataEllipsis" :ref="'ellipsis' + props.row.APP_UID"> </ellipsis>
         </div>
       </div>
     </v-server-table>
@@ -879,29 +879,37 @@ export default {
      * Show options in the ellipsis 
      * @param {object} data
      */
-    updateDataEllipsis(data) {
+    updateDataEllipsis(data, view = false) {
       let that = this;
       this.showEllipsis = !this.showEllipsis;
-      if (this.showEllipsis) {
-        this.dataEllipsis = {
-          buttons: {
-            note: {
-              name: "case note",
-              icon: "far fa-comments",
-              fn: function() {
-                that.openComments(data);
-              }
-            },
-            claim: {
-              name: "claim case",
-              icon: "fas fa-briefcase",
-              fn: function() {
-                that.claimCase(data);
-              }
+      this.dataEllipsis = {
+        buttons: {
+          note: {
+            name: "case note",
+            icon: "far fa-comments",
+            fn: function() {
+              that.openComments(data);
+            }
+          },
+          claim: {
+            name: "claim case",
+            icon: "fas fa-briefcase",
+            fn: function() {
+              that.claimCase(data);
             }
           }
         }
       }
+      if (this.showEllipsis && view) {
+        for (let ellipsis in this.$refs) {
+          if (!ellipsis.indexOf('ellipsis')) {
+            if (ellipsis !== 'ellipsis' + data.APP_UID) {
+              this.$refs[ellipsis].hideActionButtons();
+            }
+          }
+        }
+        this.showEllipsis = false;
+      }
     },
     /**
      * Show the alert message
@@ -957,6 +965,9 @@ export default {
 };
 </script>
 <style>
+.VueTables__row {
+  height: 75px;
+}
 .v-container-unassigned {
   padding-top: 20px;
   padding-bottom: 20px;